Vahdin: marks list

dabblet.css

/**
 * Vahdin: marks list
 */

* {
	outline: red;
}

body {
	padding: 0;
	margin: 0;
}

.marks-list-container {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 500px;
	min-width: 300px;
	background: gray;
}

.marks-list-top-header {
	display: block;
	width: 100%;
	height: 100px;
	text-align: center;
	font-size: 2em;
}

dabblet.html

<div class="marks-list-container">
	
	<div class="marks-list-top-header">
		<h2>Marks</h2> <!-- Title -->
	</div>
	
	<div location="marks-list-scrollable-area" class="marks-list-scrollable-area"></div> <!-- List of Marks -->
	
	<div class="marks-list-bottom-filter"> <!-- Filter container -->
		<h3>Filter by:</h3>
		<select>
			<option value="name">Name</option>
			<option value="name">Date</option>
		</select>
		<input>
	</div>
	
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}