Kevnz
4/8/2013 - 6:29 AM

My Mobile List

My Mobile List

settings.json
content_copyfile_download
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
dabblet.js
content_copyfile_download
// alert('Hello world!');
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->
<div>
	<ul>
		<li><div><b><a href="#">John Doe</a></b> </div>
			<div><label>mobile:</label> 02111 1111</div>
			<div><label>landline:</label> 095551212</div>
		</li>
		<li><b><a href="#">Joe Bloggs</a></b> <br/>
			<div><label>mobile:</label> 022 222 2222</div>
			<div><label>landline:</label> 095551234</div></li>
		<li><b><a href="#">Joe Schmoe</a></b> <br/>	
			<div><label>mobile:</label> 027 777 2222</div>
			<div><label>landline:</label> 095556789</div></li>
dabblet.css
content_copyfile_download
/**
 * My Mobile List
 */

* { margin: 0; padding: 0; }
html { background: #eee; }
body { font: 14px Georgia, serif; } 
ul { width: 250px; margin: 30px auto; }
ul { list-style: none; border: 3px solid #ccc; }
li { position: relative; padding: 10px; font: 12px "Lucida Grande", Arial, Sans-Serif; background: white; }
li:nth-child(odd) { background: whiteSmoke; }