Skip to content

Instantly share code, notes, and snippets.

@atinypixel

atinypixel/dabblet.css

Created February 20, 2012 23:30
Show Gist options
  • Save atinypixel/1872276 to your computer and use it in GitHub Desktop.
Save atinypixel/1872276 to your computer and use it in GitHub Desktop.
Download ZIP
Project Item
Raw
dabblet.css
/**
* Project Item
*/
body {
background-color: #f0f0f0;
padding: 40px;
}
.item {
margin: 0 0 6px;
padding: 10px;
background: #fff;
border: 1px solid #dfdfdf;
border-bottom-width: 2px;
width: 620px;
font-family: Tahoma, Arial;
border-radius: 5px;
}
.item .checkbox,
.item .type {
float: left;
margin-right: 10px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="item">
<div class="checkbox">
<form><input type="checkbox"></form>
</div>
<div class="wrap content">
<div class="description">This is a task description</div>
<div class="extended-description"></div>
</div>
</div>
<div class="item">
<div class="checkbox">
<form><input type="checkbox"></form>
</div>
<div class="wrap content">
<div class="description">This is a task description</div>
<div class="extended-description"></div>
</div>
</div>
Raw
settings.json
{"view":"split-vertical","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment