clippy.css

.clippy,.clippy-balloon{position:fixed;z-index:1000;cursor:pointer}.clippy-balloon{background:#FFC;color:#000;padding:8px;border:1px solid #000;border-radius:5px}.clippy-content{max-width:200px;min-width:120px;font-family:"Microsoft Sans",sans-serif;font-size:10pt}.clippy-tip{width:10px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgAgMAAABvDLAlAAAACVBMVEUAAAD//8wAAACRWNQ+AAAAAXRSTlMAQObYZgAAAGFJREFUCNdtziEOwCAUA9BmbtxjyTgQZEFN0ltwCTwGwylXUjvzDPy26IkpY8qCKCtO+SLIgaMzN0ACmCzy4iMjqwwc8mDbri3WBveffvVPXznBaU52ixvd7iVe5YVe6+UfnNwnB8+ZFdkAAAAASUVORK5CYII=) no-repeat;position:absolute}.clippy-top-left .clippy-tip{top:100%;margin-top:0;left:100%;margin-left:-50px}.clippy-top-right .clippy-tip{top:100%;margin-top:0;left:0;margin-left:50px;background-position:-10px 0}.clippy-bottom-right .clippy-tip{top:0;margin-top:-16px;left:0;margin-left:50px;background-position:-10px -16px}.clippy-bottom-left .clippy-tip{top:0;margin-top:-16px;left:100%;margin-left:-50px;background-position:0 -16px}.clippy-choice{display:block;margin:.5em 0;padding-left:22px;text-decoration:none;color:navy;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKBAMAAAB/HNKOAAAALVBMVEUAAAAAM2YAM5n///+ysrIAZpkzM8yGhoYAmcwzzMx3d3eZ//9m//8zmcwzZpmZ9prkAAAAAXRSTlMAQObYZgAAAERJREFUCNdjYPAqd2BgYKlLVGFgcI8NVHJgKEpVTFRmWKjYESjM4CjWM1WZwVG1e5oyA4tQWKABA4OhkDIDAwOzsQEDAH2RC4gqiJwcAAAAAElFTkSuQmCC) 4px center no-repeat}.clippy-choice:hover{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAPFBMVEUAAAAAZpn///+ysrIAM5kAM2aGhoYzZpkAmcyZ//8zzP8z//8AzP//+/BmzMwAzMwAZswzmZkAmZkzM5k2EqaPAAAAAXRSTlMAQObYZgAAAEpJREFUCNcdyFsWgDAIA9EEAq31rfvfq9j5umcAeGY6MNVE+dRNtmA52a+tU82Q8ZzL2hkGJ4ctfFVU4zGouvAQg6XKQmJperdfH157AZiSJ5KvAAAAAElFTkSuQmCC)}