Skip to content

Instantly share code, notes, and snippets.

@dima767

dima767/'Action manu' style

Created October 6, 2008 18:06
Show Gist options
  • Save dima767/15088 to your computer and use it in GitHub Desktop.
Save dima767/15088 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
'Action manu' style
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>TEMPLATE : XHTML STRICT</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Your subject matter described." />
<meta name="keywords" content="your, key, words, here" />
<style type="text/css">
ul.action-menu,
ul.action-menu li {
list-style: none;
margin: 0;
padding: 0;
}
ul.action-menu {
margin-top: 1em;
margin-bottom: 1em;
}
ul.action-menu li {
display: inline;
}
ul.action-menu li a {
border-bottom: 1px dotted #000;
display: block;
padding: 4px;
padding-top: 6px;
text-decoration: none;
}
ul.action-menu li#follow a {
background:transparent url(/img/icon/icon_add_17x16.gif) no-repeat scroll 3px 50%;
}
ul.action-menu li a:hover,
ul.action-menu li {
background-color:#DDF0F8;
color:white;
}
</style>
</head>
<body>
<div>
<ul class="action-menu">
<li><a href="http://example.com">Item 1</a></li>
<li><a href="http://example.com">Item 2</a></li>
<li><a href="http://example.com">Item 3</a></li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment