Skip to content

Instantly share code, notes, and snippets.

@marsp0

marsp0/dabblet.css

Created August 9, 2014 23:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save marsp0/f30669c24e50854cb536 to your computer and use it in GitHub Desktop.
Save marsp0/f30669c24e50854cb536 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 {
background: #7C5329;
background: linear-gradient(1deg, #7C5329, #3E2A14);
height: 150px;
}
.bar {
height: 60px;
display: inline;
background-color: red;
}
.bar ul {
list-style: none;
display: inline;
float: left;
}
.bar ul li {
.content {
height: 550px;
background: linear-gradient(1deg, #3E2A14, #7C5329);
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class='nav'>
<div class='bar'>
<ul>
<li><a hreff='/'>Home</a></li>
<li><a hreff='/'>Shop</a></li>
<li><a hreff='/'>About</a></li>
<li><a hreff='/'>Contact</a></li>
</ul>
</div>
</div>
<div class='content'>
</div>
Raw
dabblet.js
// alert('Hello world!');
Raw
settings.json
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment