Advertisement
systems_architect

HN CSS

May 25th, 2022 (edited)
1,015
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Hacker News CSS                                       */
  2. /* https://pastebin.com/6nV8FUF4                         */
  3. /* I use "Custom Stylesheet & Script" ext. for Chrome    */
  4. /*   Enter the CSS below in Options > CSS (left pane)    */
  5. /*   Hit tab to save, then reload the HN tab             */
  6. /* Version: Thu 26 May 2022 01:47:37 AM UTC              */
  7. /* There's still a lot I don't like in here, very early  */
  8. /* effort...but hey                                      */
  9. /* ...at least Verdana is gone ;-)                       */
  10. /* --Marc C, www.friendlyskies.net                       */
  11. /* https://oldbytes.space/web/@marcolas                  */
  12.  
  13. #hnmain > tbody > tr:first-child > td {
  14.   background:#e3eef1;
  15. }
  16.  
  17. #hnmain td {
  18.   font-family: "Open Sans", sans-serif;
  19. }
  20.  
  21. #hnmain .fatitem td {
  22.   font-size:16px;
  23.   color:#222;
  24.   max-width:640px;
  25. }
  26.  
  27. #hnmain .fatitem td a:link,
  28. #hnmain .fatitem td a:visited,
  29. #hnmain .fatitem td a:hover,
  30. #hnmain .fatitem td a:link,
  31. #hnmain .hnmore a:link,
  32. #hnmain a:visited {
  33.   color:darkBlue;
  34. }
  35.  
  36. #hnmain .itemlist .title a {
  37.   font-size:17px;
  38.   line-height:1.3;
  39. }
  40.  
  41.  
  42. #hnmain .itemlist .subtext {
  43.   font-size:14px;
  44.   line-height:1.3;
  45.   color:#222;
  46.   padding: 2px 0;
  47.   margin-bottom: 4px;
  48.   display: block;
  49. }
  50.  
  51. #hnmain .itemlist .subtext a:link,
  52. #hnmain .itemlist .subtext a:visited,
  53. #hnmain .itemlist .subtext a:hover,
  54. #hnmain .itemlist .subtext a:link,
  55. #hnmain a:link,
  56. #hnmain .comhead a:link,
  57. #hnmain .subtext a:visited {
  58.   color:darkBlue;
  59. }
  60.  
  61. #hnmain .comhead a:link,
  62. #hnmain .subtext a:visited {
  63.   font-size:14px;
  64. }
  65.  
  66. #hnmain .itemlist a[href^="item?"] {
  67.   color:#009758;
  68. }
  69.  
  70. #hnmain tr.spacer {
  71.     height: auto!important;
  72.     display: block;
  73.     margin-bottom: 8px;
  74. }
  75.  
  76. #hnmain .votearrow {
  77.     width: 12px;
  78.     height: 12px;
  79.     border: 0px;
  80.     margin: 3px 10px 6px;
  81.     background: #3bc98f;
  82.     border-radius: 50%;
  83. }
  84.  
  85. #hnmain .votearrow.rotate180 {
  86.     background: #f79898;
  87. }
  88.  
  89. #hnmain .comhead {
  90.   font-size:14px;
  91.   color:#222;
  92. }
  93.  
  94. #hnmain .comment {
  95.   font-size:16px;
  96. }
  97.  
  98. #hnmain .athing td,
  99. #hnmain td {
  100.   font-size:16px;
  101.   color:#222;
  102. }
  103.  
  104. #hnmain span.commtext {
  105.   padding-bottom: 20px;
  106.   display: block;
  107.   max-width:640px;
  108. }
Advertisement
RAW Paste Data Copied
Advertisement