Simple "todo" style

css

.TODO {
	position: relative;
	&:after {
		background: rgb(250, 255, 185);
		content: "";
		display: block;	
		height: 23px;
		left: 5px;
		position: absolute;
		top: 5px;
		width: 141px;
		visibility: visible;
		z-index: 9998;
	}
	&:before {
		background: rgba(250, 255, 185, 0.3);
		bottom: 0;
		content: "TODO (esc to hide)";
		color: #222;
		display: block;
		font-size: 14px;
		font-weight: bold;
		left: 0;
		padding: 10px;
		position: absolute;
		right: 0;
		text-align: left;
		top: 0;
		z-index: 9999;
	}
}

js

var $todos = $('.TODO');
$(window).on('keydown', function(event){
	event.keyCode === 27 && $todos.toggleClass('TODO');
});