kyleparisi · January 23, 2014 23:47
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 .titleBar {
 	border-top-left-radius: 10px;
 	border-top-right-radius: 10px;
 	height: 85px;
 	background-color: #BFAE90;
 }
 .titleBarTextContainer {
 	width: 110px;
 	margin: 0 auto 0 auto;
 	padding: 10px;
 }
 .titleBarText {
 	font-size: 36px;
 }
 .circle {
 	border-radius: 50%;
 	width: 15px;
 	height: 15px;
 	border: 1px solid black;
 	background-color: yellow;
 	float:left;
 	padding: 10px;
 	margin: 10px;
 	/* width and height can be anything, as long as they're equal */
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class="titleBar">
 	<div class="circle"></div><div class="circle"></div><div class="titleBarTextContainer titleBarText">login</div><hr>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/

	.titleBar {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 85px;
	background-color: #BFAE90;
	}
	.titleBarTextContainer {
	width: 110px;
	margin: 0 auto 0 auto;
	padding: 10px;
	}
	.titleBarText {
	font-size: 36px;
	}
	.circle {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	border: 1px solid black;
	background-color: yellow;
	float:left;
	padding: 10px;
	margin: 10px;
	/* width and height can be anything, as long as they're equal */
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class="titleBar">
	<div class="circle"></div><div class="circle"></div><div class="titleBarTextContainer titleBarText">login</div><hr>
	</div>