Skip to content

Instantly share code, notes, and snippets.

@Angelore
Last active January 16, 2023 16:06
Show Gist options
  • Select an option

  • Save Angelore/77999cc2152dfbcd38f18ba6a7a2b08c to your computer and use it in GitHub Desktop.

Select an option

Save Angelore/77999cc2152dfbcd38f18ba6a7a2b08c to your computer and use it in GitHub Desktop.
My personal CSS for browsing HackerNews (using via Stylus extension)
#hnmain {
width: 70%;
}
/* Original post */
.title {
font-size: 13pt;
line-height: 16pt;
}
.subtext {
height: 15pt;
}
.subline {
font-size: 8pt;
line-height: 10pt;
}
.subtext, .subline, .subline a:link {
color: #3c3c3c;
}
.fatitem .toptext {
font-size: 11pt;
line-height: 14pt;
}
/* Comments */
.comment-tree {
width: 100%;
}
.comment-tree tr:nth-child(even) {
background: #ccc3;
}
.comhead {
font-size: 9pt;
line-height: 12pt;
}
.comhead a.hnuser {
color: #606060;
font-weight: bold;
}
.comment {
font-size: 11pt;
line-height: 15pt;
}
.comment p {
margin-top: 10px;
}
/* Comment depth indicator */
.comment-tree tr.athing:nth-child(odd) td.ind {
background-image: repeating-linear-gradient(90deg, transparent 0px 17px, #60606040 17px 23px);
background-size: 40px 6px;
background-repeat: repeat-x;
background-position-y: center;
}
.comment-tree tr.athing:nth-child(even) td.ind {
background-image: repeating-linear-gradient(90deg, transparent 0px 16.5px, #aaaaaade 16.5px 23.5px);
background-size: 40px 7px;
background-repeat: repeat-x;
background-position-y: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment