rendered paste body<html>
<head>
<style type="text/css">
button.yes, button.no, button.maybe {
margin: 0px;
background-color:#f5f5f5;
border: solid 1px #ccc;
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
font: Normal 12px Lucida Sans Unicode, Lucida Grande, sans-serif;
font-weight: bold;
color: #565656;
cursor: pointer;
line-height: 30px;
height: 30px;
padding: 0px 10px 0px 10px;
width: 1px;
overflow: visible;
}
button.yes[class], button.no[class], button.maybe[class] {
width: auto;
}
button.yes img, button.no img, button.maybe img {
vertical-align: -1px;
margin-right: 5px;
border-width: 0px;
width: 12px;
height: 12px;
}
button.no {
color: #d12f19;
}
button.no:hover {
background: #fbe3e4;
border: 1px solid #fbc2c4;
color: #d12f19;
}
button.yes {
color: #529214;
margin-right: 10px;
}
button.yes:hover {
background-color: #E6EFC2;
border: 1px solid #C6D880;
color: #529214;
}
button.maybe {
color: #444;
margin-right: 10px;
}
button.maybe:hover {
background-color: #e8e8e8;
border: 1px solid #ddd;
color: #444;
}
</style>
</head>
<body>
<form method="post" action="blarg">
<button type="submit" class="yes">
<img src="../public/images/main/green_check.gif" alt=""/>
Yes! I would like to do that
</button>
<button onclick="location.href=''; return false;" class="no">
<img src="../public/images/main/delete_button.png" width="12" height="12" alt=""/>
No! I don't want that
</button>
<button onclick="location.href=''; return false;" class="maybe">
Maybe. I don't know yet.
</button>
</form>
</body>
</html>