Skip to content

Instantly share code, notes, and snippets.

@sarukuku
Created February 13, 2013 15:04
Show Gist options
  • Save sarukuku/4945212 to your computer and use it in GitHub Desktop.
Save sarukuku/4945212 to your computer and use it in GitHub Desktop.
Vahdin: marks list
/**
* 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;
}
<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>
// alert('Hello world!');
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment