Skip to content

Instantly share code, notes, and snippets.

@plindberg

plindberg/dabblet.css

Created May 16, 2012 09:08
Show Gist options
  • Save plindberg/2708929 to your computer and use it in GitHub Desktop.
Save plindberg/2708929 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
*/
#nav {
position:relative;
width: 210px;
direction: rtl;
text-align: left;
}
.m {
width:100px;
height:40px;
border:1px solid;
display:inline-block;
vertical-align: top;
}
.m:nth-child(1) {border-color: red;}
.m:nth-child(2) {border-color: blue;}
.m:nth-child(3) {border-color: lightgreen;}
.m:nth-child(4) {border-color: lightgrey;}
#s {
width:150px;
height:250px;
border:1px dotted green;
display:inline-block;
vertical-align: top;
position:absolute;
top:0;
right:0;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div id=nav>
<div class=m>a b c d</div>
<div class=m>a b c d</div>
<div class=m>a b c d</div>
<div class=m></div>
</div>
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment