Last active
January 16, 2023 16:06
-
-
Save Angelore/77999cc2152dfbcd38f18ba6a7a2b08c to your computer and use it in GitHub Desktop.
My personal CSS for browsing HackerNews (using via Stylus extension)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| #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