Skip to content

Instantly share code, notes, and snippets.

@enile8
Created April 21, 2012 23:58
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save enile8/2440430 to your computer and use it in GitHub Desktop.
Save enile8/2440430 to your computer and use it in GitHub Desktop.
My Hacker News Style
body {
margin: 0;
background-image: url(http://subtlepatterns.com/patterns/furley_bg.png);
}
body > center > table {
width: 100%;
background-color: transparent;
}
body > center > table > tbody > tr:first-child > td {
position: fixed;
left: 0px;
width: 100%;
top: 0px;
background-color: #f70;
background-color: #f70;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#f60), to(#f70));
background-image: -ms-linear-gradient(top, #f60, #f70);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f60), color-stop(100%, #f70));
background-image: -webkit-linear-gradient(top, #f60, #f70);
background-image: -o-linear-gradient(top, #f60, #f70);
background-image: linear-gradient(top, #f60, #f70);
height: 32px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
body > center > table > tbody > tr:first-child > td > table {
padding: 10px;
margin: 0 auto;
line-height: 29px;
width: 960px;
}
body > center > table > tbody > tr:first-child > td > table > tbody > tr > td:first-child {
padding-right: 10px;
}
.pagetop {
font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 14px;
}
a,
a:link,
.pagetop a:visited {
color: #555 !important;
font-weight: bold;
text-decoration: none;
}
.pagetop a:hover,
.pagetop a:visited:hover {
color: #333 !important;
}
a:hover,
a:link:hover,
a:visited:hover {
color: #06c !important;
text-decoration: none;
}
a:visited {
color: #939 !important;
}
body > center > table > tbody > tr:nth-child(3) > td {
padding: 20px 0;
}
body > center > table > tbody > tr:nth-child(3) > td > table {
width: 960px;
margin: 0 auto;
}
.title {
color: #666;
font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
font-size: 15px;
}
body > center > table > tbody > tr:nth-child(3) > td > table > tbody > tr:first-child > td:nth-child(2).title > a {
font-size: 12px;
}
.subtext {
font-size: 12px;
height: 12px;
font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
vertical-align: top;
}
td, .comment, .default, .comhead, .yclinks, .dead {
font-family: "Lucida Grande", "Segoe UI", Arial, Helvetica, sans-serif;
}
body > center > table > tbody > tr:nth-child(3) > td > form {
width: 960px;
margin: 0 auto;
}
td > center > table {
width: 940px;
background-color: white;
border: solid 1px #000;
}
td > center > table td {
padding: 10px;
}
body > center > table > tbody > tr > td > table {
width: 960px;
margin: 0 auto;
padding-top: 32px;
}
.comment u, .comment u a, .comment u a:visited, .comment + p u, .comment + p u a, .comment + p u a:visited {
text-decoration: none ;
color: #777;
}
.comment p, .comment + p {
margin: 8px 0 0 0;
line-height: 16px;
}
@enile8
Copy link
Author

enile8 commented Apr 22, 2012

I started using this in my userContent.css, but it needed a few more changes to override the original Hacker news CSS.

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