Permalink
Browse files

cleanup styling, fix rendering in FF

  • Loading branch information...
1 parent d79e555 commit 560b3a528940450c6719cd5cffa90688ca4d617a @igrigorik committed Apr 15, 2012
Showing with 3 additions and 39 deletions.
  1. +3 −39 hnbutton/button.html
View
@@ -5,49 +5,13 @@
<head>
<style type="text/css">
body {background:transparent;padding:0;margin:0;}
-.hn_bt {font-family:'lucida grande',verdana,sans-serif;font-size:11px;text-decoration:none;cursor:pointer;line-height:14px;display:block;padding:0;margin:0;}.hn_cn{float:left;position:relative;z-index:2;height:0;width:5px;top:-5px;left:2px;}
+.hn_bt {font-family:'lucida grande',verdana,sans-serif;font-size:11px;text-decoration:none;cursor:pointer;line-height:13px;display:block;padding:0;margin:0;}
+.hn_cn {float:left;position:relative;z-index:2;height:0;width:5px;top:-5px;left:2px;}
.hn_cn s,.hn_cn i {border:solid transparent;border-right-color:#d7d7d7;border-width:4px 5px 4px 0;top:1px;display:block;position:relative;}
.hn_cn i {left:2px;top:-7px;border-right-color:#fff;}
-.hn_cc{background:#fff;border:1px solid #d1d1d1;float:left;font-weight:normal;height:14px;margin-left:1px;min-width:15px;padding:1px 2px 1px 2px;text-align:center;line-height:14px;}
+.hn_cc {background:#fff;border:1px solid #d1d1d1;float:left;font-weight:normal;height:14px;margin-left:1px;min-width:15px;padding:1px 2px 1px 2px;text-align:center;line-height:14px;}
.hn_a {padding:2px;border:1px solid;border-radius:3px;border-color:#ffdac2;background-color:#ff6500;display:block;color:white;}.hn_lo{width:25px;height:14px;margin-left:-1px;padding-left:17px;}
.hn_s {width:10px;height:14px;padding-left:13px;margin-left:1px;}.hn_pi{background:url("data:image/gif;base64,R0lGODlhDAAMAKIAAPihV/aKLf/jyvmxc/////9mAAAAAAAAACH5BAAAAAAALAAAAAAMAAwAAAMiWLrMRGE9NshQ9TqhBGkFYFUAWHgEZ1aWqUxuAbuzWcdMAgA7") 0 1px no-repeat;}
-.hn_ar {background:url("data:image/gif;base64,R0lGODlhCgAKALMJANPT06enp/b29r+/v52dnfn5+bq6usLCwpqamv///wAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAkALAAAAAAKAAoAAAQcMMlJq712GIzQDV1QFV0nUETZTYDaAdIhz3ISAQA7") 1px 0px no-repeat;}
-.hn-button:before { content:'Y';color: #FFF;background: #ff6600;width: 12px;height:12px;margin-top: 3px;padding-right: 3px;margin-right:4px;padding-left: 3px;}
-.hn-button {
- -webkit-border-radius: 3px;
- -moz-border-radius: 3px;
- border-radius: 3px;
- color: #ff6600;
- text-decoration: none;
- background: rgb(250,250,250);
- background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(234,234,234,1) 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(234,234,234,1)));
- background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%);
- background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%);
- background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );
- background: linear-gradient(top, rgba(250,250,250,1) 0%,rgba(234,234,234,1) 100%);
- font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
- border: 1px solid #d2d0ce;
-
- padding: 2px 4px 2px 4px;
-
- -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
- -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
- box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
-}
-.hn-button:hover {border: 1px solid rgba(66,66,66,0.52);}
-.hn-button:active {
- background: rgb(234,234,234);
- background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(250,250,250,1) 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(250,250,250,1)));
- background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(250,250,250,1) 100%);
- background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(250,250,250,1) 100%);
- background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(250,250,250,1) 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fafafa',GradientType=0 );
- background: linear-gradient(top, rgba(234,234,234,1) 0%,rgba(250,250,250,1) 100%);
- border: 1px solid rgba(255,102,0,0.74);
-}
</style>
</head>

0 comments on commit 560b3a5

Please sign in to comment.