Skip to content

Instantly share code, notes, and snippets.

@jonsullivan

jonsullivan/dabblet.css

Created September 5, 2012 12:34
Show Gist options
  • Save jonsullivan/3635927 to your computer and use it in GitHub Desktop.
Save jonsullivan/3635927 to your computer and use it in GitHub Desktop.
Download ZIP
Handout design for iPad app
Raw
dabblet.css
/**
* Handout design for iPad app
*/
div {
font-family:Arial;
}
div.main .handout {
height:30px;
border:1px solid #efefef;
padding:5px;
line-height:30px;
}
div.main .handoutName {
float:left;
color: #4691DF;
padding-left:5px;
}
div.main .handoutType {
float:right;
width:100px;
}
div.main .handoutSize {
float:right;
width:75px;
}
div.main {
background-color: #F1F8FE;
box-shadow:inset 0 0 10px 2px #CACFD0;
border-radius: 10px;
padding:5px;
margin: 20px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<h3>Handouts</h1>
<div class="main">
<div class="handout"><div class="handoutName">File Name</div><div class="handoutSize">SIZE</div><div class="handoutType">TYPE</div></div>
<div class="handout"><div class="handoutName">File Name</div><div class="handoutSize">SIZE</div><div class="handoutType">TYPE</div></div>
<div class="handout"><div class="handoutName">File Name</div><div class="handoutSize">SIZE</div><div class="handoutType">TYPE</div></div>
<div class="handout"><div class="handoutName">File Name</div><div class="handoutSize">SIZE</div><div class="handoutType">TYPE</div></div>
</div>
Raw
settings.json
{"view":"split","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