Skip to content

Instantly share code, notes, and snippets.

@edisonlz

edisonlz/dabblet.css

Created February 19, 2012 12:17
Show Gist options
  • Save edisonlz/1863508 to your computer and use it in GitHub Desktop.
Save edisonlz/1863508 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%;}
div {color:white;}
p:first-letter{color:#ECE;font-size:30px;}
p:after {content:"......"}
div p {color:#234390;font-size:16px;}
div > p {color:#888888;line-height:1.2;letter-spacing:10px}
#p1 {text-decoration:line-through overline underline;text-shadow:green 2px 2px 2px;}
.txt {white-space:pre-line;}
p[class=txt]{font-size:30px;}
input[type=text]{background:#ece;border:3px #322;}
div div {background:white;}
p {background:yellow;margin:5% 5%; width:300px;}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div>
<p id="p1">123456 <p>
<p>7890 <p>
</div>
<p class="txt" > a b c
haha
<input type="text" />
</p>
<div>
<div>
<p>123</p>
<p>456</p>
</div>
</div>
Raw
settings.json
{"view":"split","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment