cleanup styling, fix rendering in FF

igrigorik · Apr 15, 2012 · 560b3a5 · 560b3a5
1 parent d79e555
commit 560b3a5
Showing 1 changed file with 3 additions and 39 deletions.
diff --git a/hnbutton/button.html b/hnbutton/button.html
@@ -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>