Skip to content

Instantly share code, notes, and snippets.

@edisonlz

edisonlz/dabblet.css

Created February 17, 2012 07:34
Show Gist options
  • Save edisonlz/1851563 to your computer and use it in GitHub Desktop.
Save edisonlz/1851563 to your computer and use it in GitHub Desktop.
Download ZIP
The first commented line is your dabblet’s title
Raw
dabblet.css
/**
* The first commented line is your dabblet’s title
*/
body{
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;
}
.left{float:left ;margin: 10px 10px 10px 0px;}
.right{float:right}
.clear{clear:both}
.newimg {margin: 24px 4px 0px 0px;}
.title {font-size: 18px;font-weight:bold;}
.newscontent {width:230px;}
.line {border-style: solid; border-width: 1px;}
.header_news {}
.header_title {position:relative;top:-30px;text-align:center}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class="header_news">
<img width="300px" src="{{imgsrc}}" />
</div>
<div class="header_title">ddddddddddddddddddd</div>
<br/>
<br/>
<br/>
<br/>
<div class="line clear">
<div class="left newimg"><img width="80px" src="{{imgsrc}}"></div>
<div class="left newscontent">
<div class="left title">{{title}}</div>
<div class="left">{{digest}}</div>
</div>
</div>
<div class="line clear">
<div class="left newimg"><img width="80px" src="{{imgsrc}}"></div>
<div class="left newscontent">
<div class="left title">{{title}}</div>
<div class="left">{{digest}}</div>
</div>
</div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment