Skip to content

Instantly share code, notes, and snippets.

@danishsatkut

danishsatkut/dabblet.css

Created January 25, 2014 06:39
Show Gist options
  • Save danishsatkut/8612644 to your computer and use it in GitHub Desktop.
Save danishsatkut/8612644 to your computer and use it in GitHub Desktop.
Download ZIP
Image with Username
Raw
dabblet.css
/**
* Image with Username
*/
@import url('http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css');
#container {
margin-top: 60px;
}
.micropost {
border: 1px solid #CCC;
padding: 10px;
}
.user-info .user-name {
font-size: 18px;
}
hr.less-gap {
margin-top: 5px;
margin-bottom: 5px;
}
.micropost-footer {
font-size: 12px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id="container" rel="tooltip" title="Fun" class="row">
<div class="span8 offset3 micropost">
<div id="content">
<div class="user-info">
<span class="user-image">
<img src="http://placehold.it/40x40" />
</span>
<span class="user-name"><a href="#">Danish Satkut</a></span>
</div>
<hr class="less-gap"/>
<div class="micropost-text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Vivamus elementum semper nisi.</div>
<div class="micropost-footer muted pull-right">
Created at: <span>10 min ago</span>
</div>
</div>
</div>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"separate","fontsize":"80","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment