Skip to content

Simple HN by markholmes

Screenshot of Simple HN

Details

Authormarkholmes

LicenseNo License

Categorynews.ycombinator.com

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A super-simple, super-readable HN theme

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Simple HN
@namespace      github.com/openstyles/stylus
@version        1.1.0
@description    A simple, readable style for Hacker News
@author         Mark Holmes
==/UserStyle== */

@-moz-document domain("news.ycombinator.com") {
    html {
        font-size: 16px !important;
    }
    
    body {
        padding: 0;
        margin: 0;
        font-size: 1rem !important;
    }
    
    #hnmain {
        width: 100%;
    }
    
    body > center > table:first-child {
        background: #fff7ed;
    }
    
    #hnmain > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) {
        background: #f97316;
    }
    
    html body center table#hnmain tbody tr td table,
    .comment-tree, 
    .fatitem {
        padding: 1rem !important;
        width: 1024px !important;
        margin: 0 auto !important;
    }
    
    .pagetop,
    .commtext,
    .itemlist td,
    .title {
        font-size: 16px !important;
        line-height: 24px;
    }

    tr.spacer {
        height: 1rem !important;
    }
    
    td.title {
        padding: 0 0 .25rem 0;
    }
    
    td.subtext {
        font-size: 12px !important;
        line-height: 16px;
    }
    
    .fatitem .titlelink {
        font-size: 20px !important;
    }
}

Reviews

No reviews yet.