Skip to content

Instantly share code, notes, and snippets.

@robv
Created March 29, 2011 02:42
Show Gist options
  • Save robv/891722 to your computer and use it in GitHub Desktop.
Save robv/891722 to your computer and use it in GitHub Desktop.
<style type="text/css">
.clearfix:after
{
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.clearfix
{
display: inline-block;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
#projects_container {
position: absolute;
}
#projects_container ul li a {
display: block;
padding: 5px 0;
}
#projects_container {
margin-top: -5px;
padding-top: 20px;
position:absolute;
width: 300px;
}
#projects_inner {
position:absolute;
z-index:9999;
background-color:#eee;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-moz-box-shadow: 0 1px 3px #aaa;
-webkit-box-shadow: 0 1px 3px #aaa;
box-shadow: 0 1px 3px #ccc;
border: 1px solid #ddd;
background: -moz-linear-gradient(270deg, #FCFCFC, #ECECEC) repeat scroll 0 0 transparent;
width: 300px;
margin: -7px auto 0;
padding: 10px 20px 10px;
}
#projects_inner h2 {
margin: 0;
}
#projects_inner .col {
width: 45%;
}
#projects_inner #my_column {
float: left;
}
#projects_inner #work_column {
float: right;
}
#projects_inner .col ul {
margin: 0;
padding: 0;
border-top: 1px solid #eee;
}
#projects_inner .col ul li {
background: none;
padding: 0;
}
#projects_inner .col ul li a, #projects_inner .col ul li a:link, #projects_inner .col ul li a:active, #projects_inner .col ul li a:visited {
display: block;
padding: 5px 0;
color: #666;
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment