Untitled

dabblet.css

html{margin: 0;height: 100%}
body{
  width: 100%;
  height: 1900px;
  margin: 0;
  background: url(http://farm5.staticflickr.com/4005/4479277174_ae933cc32d_b.jpg
  ) no-repeat center center;
}

p{margin: 10px 0;}
p:last-child{margin-top: 30px;float: right;}

.window{
  width: 50%;
  height: 50%;
  position: absolute;
  margin: 10% 0 0 25%;
  box-shadow: 5px 5px 5px rgba(0,0,0,.4), -5px -5px 5px rgba(0,0,0,.4);
  background-color: rgba(255,255,255,.2);
  text-shadow: 0px 1px 1px rgba(255,255,255,.5);
  font-size: 20px;
  padding: 20px;
  font-family: Arial, sans-serif;
  overflow: hidden;
}

dabblet.html

<div class="window">
	<p>
		Le premier soir je me suis donc endormi sur le sable à mille milles de toute terre habitée. J'étais bien plus isolé qu'un naufragé sur un radeau au milieu de l'océan. Alors vous imaginez ma surprise, au lever du jour, quand une drôle de petite voix m'a réveillé. Elle disait:
	</p>
	<p>
		- S'il vous plaît... dessine-moi un mouton !
	</p>
	<p>
		- Hein!
	</p>		
	<p>
		- Dessine-moi un mouton...
	</p>
	<p>
		- Antoine de Saint-Exupéry
	</p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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