Editor Bookmarklet

data:text/html;charset=utf-8, <title>TextEditor</title>

<style>
body {
	background: -webkit-linear-gradient(#f0f0f0, #fff);
	padding: 3%;
	height: 94%;

}

.paper {
	font: normal 12px/1.5 "Lucida Grande", arial, sans-serif;
	width: 50%;
	height: 80%;
	margin: 0 auto;
	padding: 6px 5px 4px 42px;
	position: relative;
	color: #444;
	line-height: 20px;
	border: 1px solid #d2d2d2;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d9eaf3), color-stop(4%, #fff)) 0 4px;
	background: -webkit-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: -moz-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: -ms-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: -o-linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	background: linear-gradient(top, #d9eaf3 0%, #fff 8%) 0 4px;
	-webkit-background-size: 100% 20px;
	-moz-background-size: 100% 20px;
	-ms-background-size: 100% 20px;
	-o-background-size: 100% 20px;
	background-size: 100% 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.07);
	box-shadow: 0 1px 2px rgba(0,0,0,0.07);
}

.paper::before {
	content: '';
	position: absolute;
	width: 4px;
	top: 0;
	left: 30px;
	bottom: 0;
	border: 1px solid;
	border-color: transparent #efe4e4;
}

textarea {
	display: block;
	width:94%;
	margin:0 auto;
	padding:3.8% 3%;
	border: none;
	outline: none;
	height: 94%;
	background: transparent;
	line-height: 20px;
}"><h1>Text Editor</h1>
</style>

<body contenteditable spellcheck="false" class="paper" >