last modified Friday, April 27, 2012

The original layout is minimal and functional, just what's needed but no more; and the frontpage is all business -- nameless tables inside nameless tables, not much to go by for CSS. There are always things you can do to hook into an existing layout and modify it though.

Original news.ycombinator.com Layout Comfy HN set in Helvetica

You can try the Helvetica/sans-serif variant, or (if you so prefer) the Palatino/serif one. All you have to do is replace the line that says

body * {font-family:'Helvetica Neue', Helvetica,
       'Liberation Sans', sans-serif !important;}

with a declaration of this sort

body * {font-family:Palatino, 'Liberation Serif',
        Georgia, serif !important;}

it will work and is just as usable as the Helvetica/sans-serif defaults.

As before, I'm using the User CSS Safari5 extension, but there's a way in every browser, and Safari just works for me.

I've added utility accents recently, moving points out of the list and color-coding the domain are two.

Use this as a user style for news.ycombinator.com/* in a WebKit browser and note that last-modified date on the bottom of this page -- it is effectively the version number.


html {zoom:1.32;}
img, a[href=news] {zoom:.76;}

body * {font-family:'Helvetica Neue', Helvetica, 'Liberation Sans', sans-serif !important;}
a[href=news] {font-family:Palatino, 'Liberation Serif', Georgia, serif !important;}
code {font:10px/1.5 Menlo, monospace !important;}

a:link {color:#222 !important;}
form {padding:0 1em;}
td[style='width:18px;padding-right:4px'] a[href='http://ycombinator.com']:after {
  content:"Y";
  font-family:Tahoma;
  position:relative;
  top:3em;
  left:-1.55em;
  color:#fff;
  background:#f60 -webkit-gradient(linear, 0% 0%, 100% 0%, color-stop(.8, #f60), color-stop(1, #c50));
  border-right:#a40 solid 1px;
  padding:1px 6px;
}
img[src='http://ycombinator.com/images/y18.gif'] {
  display:none;
  position:relative;
  top:4.2em;
  right:3em;
  height:36px !important;
  width:36px !important;
}
a[href=news] {
  font-size:1.45em;
  line-height:9px;
  letter-spacing:-1px;
  margin-right:2em;
  margin-left:-.75em;
  color:#333 !important;
  text-shadow:#f6f6ef -1px 0 0;
  font-weight:200;
}
td[bgcolor] {
  padding-top:1em;
  padding-bottom:1em;
}
td[bgcolor='#ff6600'], td[bgcolor='#ffffff'] {background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.28, #f6f6ef), color-stop(0.72, #fff));}
center>table>tbody>tr>td>center {background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, #fff), color-stop(0.2, #f6f6ef));}
.topsel a {
  color:#222 !important;
  font-weight:600;
}
span.pagetop {
  color:#bbb !important;
  font-size:.8em !important;
}
span.pagetop b {
  font-size:2em;
  font-weight:normal;
}
td.title a:visited {text-shadow:#fff 0px 1px 2px;}
td.title a {
  background-color:#eee;
  padding:0 3px;
  margin:0 -3px;
}
td.title a[rel=nofollow] {background-color:#ddd;}
td.title a[href$=pdf] {background-color:#ccf;}
td.subtext span {
  margin-right:15px;
  margin-left:-78px;
  display:block;
  float:left;
  width:64px;
  text-align:right;
  color:#dcb;
}
td.title .comhead {color:#f60!important;}
td[colspan='1'] {width:36px;}
tr[style='height:5px'] {height:7px;}
td.title a[href^=\/x], input[type=submit] {
  color:#fff !important;
  border:none;
  background:#f60 -webkit-gradient(linear, left bottom, left top, from(#f60), to(#f72));
  border-top:#fb8 solid 1px;
  border-bottom:#d60 solid 1px;
}
td.title[align=right] {
  padding:.22em .1em 0 1em;
  font-weight:200;
  font-size:.62em !important;
}
center a img {
  position:relative;
  top:-.1em;
  padding:3px 4px;
  margin:0 2px;
}
center>a img:hover {background:#fff;}
center>font[color='#ff6600'] {
  padding:3px 4px;
  margin:0 2px;
  position:relative;
  top:.8em;
}
td.default div {margin-top:.7em !important;}
.comhead {font-weight:300;}
.comhead a {font-weight:normal;}
.comhead span {color:#bbb;}
span.comment, span.comment p, span.comment font[color] {
  color:#222 !important;
  line-height:1.2em;
  padding-right:1em !important;
}

last modified Friday, April 27, 2012

Site Meter

changed April 27, 2012