Skip to content

Instantly share code, notes, and snippets.

@marsp0

marsp0/dabblet.css

Created August 10, 2014 22:31
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/d796a070bc2af16b1b98 to your computer and use it in GitHub Desktop.
Save marsp0/d796a070bc2af16b1b98 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body {
font-family: Futura, sans-serif;
width: 70%;
margin: 0 auto;
}
a {
text-decoration: none;
color: orange;
}
.banner {
height: 200px;
}
.bar {
background-color: grey;
height: 50px;
}
.bar ul {
list-style: none;
display: inline-block;
}
.bar ul li {
float: left;
}
.bar ul li a {
padding: 16px 30px 13.5px 30px;
}
.nav-line {
padding-bottom: 5px;
}
.nav-line:hover, .nav-line:active{
border-bottom: 2px solid orange;
}
.content {
display: inline-block;
}
.main {
height: 600px;
float: right;
}
.sidebar {
background-color: green;
float: left;
height: 400px;
}
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<div class='nav'>
<div class='banner'>
</div>
<div class='bar'>
<ul>
<li><a href='#'><span class='nav-line'>Home</span></a></li>
<li><a href='#'><span class='nav-line'>Shop</span></a></li>
<li><a href='#'><span class='nav-line'>About</span></a></li>
<li><a href='#'><span class='nav-line'>Contact</span></a></li>
</ul>
</div>
</div>
<div class='content'>
<div class='sidebar'>
</div>
<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