Skip to content

Instantly share code, notes, and snippets.

@jasondavis
Created March 27, 2012 03:08
Show Gist options
  • Save jasondavis/2212147 to your computer and use it in GitHub Desktop.
Save jasondavis/2212147 to your computer and use it in GitHub Desktop.
Untitled
body{
background: #444;
}
.foot_nav {float: left;width: 370px;margin-left: 45px;font-size: 14px;}
#footer h5 {font-size: 17px;font-weight: bold;margin-bottom: 8px;}
.foot_nav ul {color: #CBD6E2;}
ul {list-style: none;list-style-position: outside;
}
.foot_nav ul {float: left;display: inline;width: 170px;margin-right: 2px;color: #CBD6E2;padding: 10px 0 0 0;background: url(
http://medialoot.com/images/line_tree1.gif
) left repeat-y;
}
.foot_nav ul li.has_sub {background: url(http://medialoot.com/images/line_tree2.gif) 0 17px no-repeat;
}
.foot_nav ul li {float: left;width: 147px;padding-left: 23px;line-height: 140%;background: url(http://medialoot.com/images/line_tree2.gif) 0 bottom no-repeat;
}
.foot_nav ul ul {width: 132px;margin: 8px 0 0 15px;padding-top: 0;
}
.foot_nav ul ul li {width: 109px;
}
.foot_nav ul li a {color: #CBD6E2;position: relative;top: 8px;
}
<div class="foot_nav">
<h5>Site Navigation</h5>
<ul>
<li class="has_sub">
<a href="http://medialoot.com/">Main</a>
<ul>
<li><a href="http://medialoot.com/main/about/">About</a></li>
<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
<li><a href="http://medialoot.com/main/license/">License</a></li>
<li><a href="http://medialoot.com/main/about/">About</a></li>
<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
<li><a href="http://medialoot.com/main/license/">License</a></li>
<li><a href="http://medialoot.com/main/about/">About</a></li>
<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
<li><a href="http://medialoot.com/main/license/">License</a></li>
<li><a href="http://medialoot.com/main/about/">About</a></li>
<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
<li><a href="http://medialoot.com/main/license/">License</a></li>
<li><a href="http://medialoot.com/main/about/">About</a></li>
<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
<li><a href="http://medialoot.com/main/license/">License</a></li>
<li><a href="http://medialoot.com/main/about/">About</a></li>
<li><a href="http://medialoot.com/main/contact/">Contact</a></li>
<li><a href="http://medialoot.com/main/terms/">Terms</a></li>
<li><a href="http://medialoot.com/main/license/">License</a></li>
</ul>
</li>
<li class="has_sub"><a href="http://medialoot.com/blog/">Blog</a>
<ul>
<li><a href="http://medialoot.com/blog/">Blog</a></li>
</ul>
</li>
<li><a href="http://medialoot.com/main/design-for-us/">Design For Us</a></li>
</ul>
</div>
{"view":"split","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment