Skip to content

Instantly share code, notes, and snippets.

@zhuangya

zhuangya/hinter.html

Created December 6, 2011 10:05
Show Gist options
  • Save zhuangya/1437636 to your computer and use it in GitHub Desktop.
Save zhuangya/1437636 to your computer and use it in GitHub Desktop.
Download ZIP
HTML, CSS hinter.
Raw
hinter.html
<!DOCTYPE html>
<html>
<head>
<style>
.hinter_wrapper {
outline: 1px solid gray;
text-align: center;
width: 800px;
margin: auto;
}
.hinter, .current_hinter {
behavior: url(somewhere/in/your/server/PIE.htc);
border-bottom: 1px solid #444;
border-left: 2px solid black;
border-radius: 10px;
border-right: 1px solid #222;
border-top: 2px solid #222;
display: inline-block;
height: 10px;
line-height: 12px;
margin: 3px;
position: relative;
text-indent: -9999px;
vertical-align: top;
width: 10px;
}
.current_hinter {
background-color: skyblue;
border: 1px solid black;
height: 11px;
width: 11px;
}
</style>
<title> the hinter demo </title>
</head>
<body>
<div class="hinter_wrapper">
<span class="hinter">1</span>
<span class="current_hinter">2</span>
<span class="hinter">3</span>
<span class="hinter">4</span>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment