Skip to content

Instantly share code, notes, and snippets.

@marsp0

marsp0/dabblet.css

Created August 10, 2014 09:30
Show Gist options
  • Save marsp0/c92aa29c622e6923d687 to your computer and use it in GitHub Desktop.
Save marsp0/c92aa29c622e6923d687 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 {
font-family: Futura;
}
a {
text-decoration: none;
color: orange;
}
.nav {
background: #7C5329;
background: linear-gradient(1deg, #7C5329, #3E2A14);
height: 150px;
}
.banner {
height: 200px;
}
.bar {
height: 60px;
display: inline;
}
.bar ul {
list-style: none;
background-color: blue;
}
.bar ul li {
float: left;
}
.bar ul li a {
padding: 20px;
}
.content {
height: 550px;
background: linear-gradient(1deg, #3E2A14, #7C5329);
}
.main {
background-color: white;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class='nav'>
<div class='banner'>
</div>
<div class='bar'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>Shop</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
</ul>
</div>
</div>
<div class='content'>
<div class='main'>
</div>
</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