Skip to content

Instantly share code, notes, and snippets.

@pgherveou

pgherveou/dabblet.css

Created February 26, 2012 20:20
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 pgherveou/1918812 to your computer and use it in GitHub Desktop.
Save pgherveou/1918812 to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.css
body {
/*background-color: blue*/
}
ul {
overflow: hidden;
*zoom: 1;
height: 50px;
background: #333;
color: white;
background-image: linear-gradient(top, #333 0%, #333 50%, #555 50%, #555 100%);
}
.shad {
height: 100px;
width: 1OOpx;
border: 1px solid grey;
box-shadow: 3px 3px 3px blue;
}
.block {
height: 100px;
width: 1OOpx;
border: 1px solid grey;
}
li {
margin-left: 0;
white-space: nowrap;
display: inline;
float: left;
}
a {
display:block;
}
.plus {
padding-top:3px;
font-size: 38px;
font-weight: 100;
}
/*.notification {
font-size: 35px;
}
*/
Raw
dabblet.html
<!-- content to be placed inside <body>…</body> -->
<header>
<nav>
<ul>
<li><a class="plus">+</a></li>
<li><a class="notification">23</a></li>
<li><a class="user">Pierre-Guillaume</a></li>
</ul>
</nav>
</header>
<header class="shad"></header>
<div class="block"></div>
Raw
settings.json
{"view":"split","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment