make buttons work in IE6; make score in buttons behave properly in all browsers; footer link out to redditjobs

r2/r2/lib/pages/pages.py

@@ -230,11 +230,11 @@ class Reddit(Wrapped):
                         separator = ''),
 
                 NavMenu([NamedButton("blog", False, nocname=True),
-                         OffsiteButton(_("our pet fish"),
-                                       dest="http://justin.tv/reddit"),
                          NamedButton("ad_inq", False, nocname=True),
                          OffsiteButton('reddit.tv', "http://www.reddit.tv"),
-                         OffsiteButton('redditall', "http://www.redditall.com"),],
+                         OffsiteButton('redditall', "http://www.redditall.com"),
+                         OffsiteButton(_('job board'),
+                                       "http://www.redditjobs.com")],
                         title = _('about us'), type = 'flat_vert',
                         separator = ''),
                 NavMenu([OffsiteButton('BaconBuzz',

r2/r2/public/static/css/reddit-ie6-hax.css

@@ -1,3 +1,4 @@
+
 .link { line-height: 1.1; }
 
 /* I don't even pretend to understand why we need this when we set 
@@ -18,6 +19,42 @@
 .thing .entry.likes .score.likes { display: inline;  }
 .thing .entry.dislikes .score.dislikes { display: inline;  }
 
+body.button-body {
+    margin:0;
+    padding:0;
+    height:100%; /* this is the key! */
+} 
+
+.button #cover { 
+    position: absolute; 
+    top: 0px;
+    left: 0px; 
+    height: 100%;
+}
+.button.thing { 
+    text-align: left;
+    position: relative;  
+    background-color: clear; 
+}
+
+
+.button .blog { 
+    text-align: center; 
+}
+
+.button #cover #popup {
+    display: block; 
+    text-align: center; 
+}
+
+.button #cover .cover { 
+    display: block; 
+    top: 0px;
+    left: 0px;
+    position: static; 
+    width: 100%;
+    height: 100%;
+}
 
 div.dropdown.tabdrop { display: inline; }
 

r2/r2/public/static/css/reddit.css

@@ -1257,7 +1257,10 @@ textarea.gray { color: gray; }
     width: 80%; 
     z-index: 1001; 
     background: white; 
-    padding: 2px; 
+    padding: 1px; 
+    left: 0px; 
+    top: 0px; 
+    margin: 0px; 
     border-color: #B2B2B2 black black #B2B2B2;
     border-style: solid;
     border-width: 1px;

r2/r2/templates/buttontypes.html

@@ -34,7 +34,14 @@
 </%def>
 
 <%def name="class_def(class_number, width=None)">
-  <div class="blog blog${class_number}" 
+  <% 
+     like_cls = "unvoted"
+     if getattr(thing.link, "likes", None):
+         like_cls = "likes"
+     elif getattr(thing.link, "likes", None) is False:
+         like_cls = "dislikes"
+   %>
+  <div class="blog blog${class_number} entry ${like_cls}" 
     %if style_line(width):
        style="${style_line(width)}"
     %endif