Skip to content

Instantly share code, notes, and snippets.

@roryokane
Created August 24, 2012 19:39
Show Gist options
  • Save roryokane/3454874 to your computer and use it in GitHub Desktop.
Save roryokane/3454874 to your computer and use it in GitHub Desktop.
Comfy Hacker News (from https://comfy-helvetica.jottit.com/user-CSS) with bugfixes
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 */
/* from https://comfy-helvetica.jottit.com/user-CSS */
@roryokane
Copy link
Author

commit 1789e4: added version and source information to the bottom, in comments

commit 785c82: made gradients cross-platform, by recreating them in Ultimate CSS Gradient Generator

commit 4d866a: put alternate font in the source commented-out so it’s easier to switch

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment