khaleesi.la

dabblet.css

/* khaleesi.la */
@charset 'UTF-8';
@import url(http://fonts.googleapis.com/css?family=Stalemate|Berkshire+Swash|Cinzel+Decorative);

/* subscribe */
[for=notifications], 
#notifications { float:right }
[action*=subscribe] { display:none }
#notifications:checked 
	+ [action*=subscribe] { display:block }
[action*=subscribe] { float:right; clear:right;
	font-family:Cinzel Decorative; text-align:right;
	line-height:2.6; padding:0 1em }
	input { background:white; color:#333; font-size:inherit }
	
	
/* style */
body  * { margin:0; padding:0 .6em; border:0; background:transparent;
	color:inherit; font-size:inherit; font-family:inherit }

html { background:url(http://khaleesi.la/img/cheesers.jpg) 0 0 /cover no-repeat #101;
  font:1em/1.6 Berkshire Swash; color:white }

body > * { background:rgba(255,255,255,.1) }
h1 { font-size:8em; font-family:Stalemate; text-align:right }

footer { position:absolute; bottom:0;left:0;right:0; text-align:center }

dabblet.html

<h1> ♕ Khaleesi</h1>

<a hidden href=/photos> Photos </a>

<label for=notifications> Enable Notifications </label> 

<input type=checkbox id=notifications>
<form action="http://phiveleven.us2.list-manage.com/subscribe/post" method=post>
	<input type=hidden name=u value=4efe65d3c0dae7d1716875542>
	<input type=hidden name=id value=a0c39b4f34>
	<input placeholder="enter your email" type=email 
		   autocapitalize=off autocorrect=off name=EMAIL>
	<input type=submit value="OK">
</form>


<footer> circa 2013 ❤ Los Angeles, California </footer>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}