rendr

<div class="shadow">
<div class="shadowContent">
	<h1 class="rendrHeader">rend<small>r</small> 2</h1>		
	<p>
	<strong>begin typing and it will render
	as you type.</strong>
	
	<br/><br/>

	<span style="background:#B85A42"><a href="http://rendur.com">New home!</a><br/>
	<small>Rendr now has its own (stupid sounding) domain.
	Update your links and bookmarks to point to 
	<a href="http://rendur.com">rendur.com</a>.  
	The version at this location will no be updated.</small></span>

	<br/><br/>

	<a href="http://gregtaff.com/misc/domdiddler.user.js">greaseMonkey version</a><br/>
	<small>Press [pause/break] to open the editor on any web page.  
	<a href="http://diveintogreasemonkey.org/">What</a> is 
	<a href="http://greasemonkey.mozdev.org/">greasemonkey</a>, 
	you ask?</small>
	<br/><br/>

	<a id="clear" href="#" onclick="ge('muOut').value='';ge('cssOut').value='';ge('cssOut').onkeyup();ge('muOut').onkeyup();">
		[ clear markup and css ]
	</a>
	</p>
</div>
</div>

<div class="shadow">
<div class="shadowContent">
	<h3 class="rendrHeader">shameless self promotion</h3>		
	<p>

	<a href="http://gregtaff.com/portfolio">my drawings and crap</a><br/>
	<a href="http://gregtaff.com/blog">my blog</a>
	
	<div style="text-align:center;margin:10px;"> 
	<input type="hidden" name="cmd" value="_s-xclick"/>
	<input type="image" src="http://rendur.com/donate.gif" border="0" name="submit" alt="Make payments with PayPal - it's fast, free and secure!"/>
	<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"/>
	<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
	"/></div>
	
	</p>
</div>
</div>

body	{background:#5A5A42;}
.shadow{background:#494931;-moz-border-radius:3em;color:white;width:331px;padding:0px;margin:50px;}
.shadowContent{border:20px solid #787860;-moz-border-radius:3em;position:relative;top:-20px;left:-20px;background:#5A5A42;color:white;width:300px;padding:0px;margin:00px;}	
.rendrHeader {-moz-border-radius:2em 2em 0em 0em;	border-bottom:1px solid;background:#494931;padding:10px;margin:0px;}

p {margin:0px;padding:10px;}
a {text-decoration:none;color:#AFFF05;font-weight:bold;}
a:hover {background:#AFFF05;color:#5A5A42;}

a#clear {
	-moz-border-radius:0em 0em 1em 1em;
	text-align:center;
	font-size:1.4em;
	display:block;
	padding:5px;
	}

about

Rendr 2.0 by greg gregtaff

free to use, but consider
throwing a little change
my way if you use it on
commercial projects.

short cuts

[control] + [shift] + [alt] + arrows keys move the window
[control] + [space] minimize/restore toggle
[shift] + [esc] switch between css and markup tabs