@-moz-document domain("news.ycombinator.com") { /* sizing */ html { font-size: 15px; } /* font family */ body, td, .title, div.comment, span.pagetop { font-family: -apple-system, BlinkMacSystemFont, Inter, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; } /* background colors */ body { background-color: #262626 !important; } table#hnmain, input, textarea { background-color: #222 !important; } /* header */ table#hnmain > tbody > tr:first-child > td { background-color: #ff6600 !important; padding: 4px; } b.hnname { margin: 0 8px 0 4px; } tr#pagespace { height: 1rem !important; } /* text colors */ a:link { color: #262626; } td.title a:link, span.comment font, span.comment font a:link, table.fatitem td, u a:link, span.yclinks a:link, body:not([id]), td:nth-child(2):not(.subtext) > a:link, input, textarea, p > a, a > u, .c00, a[href="http://www.ycombinator.com/apply/"], a[href="https://www.ycombinator.com/apply/"], font[color="#000000"] { color: #dee2e6; } .fatitem a:link, .comment a:link { color: #e59a6d; /*#72aed4;*/ } .reply a:link { color: #dee2e6; } .toptext a:link, .commtext a:link { text-decoration: underline; } .title, .admin td, .subtext a:link, .subtext a:visited, .comhead a:link, a:visited { color: #8b949e; } /* font size and white space improvements */ td.title { font-size: 1.1rem; } table.fatitem td { font-size: 0.9rem; line-height: 1.3rem; } table.fatitem td.title { font-size: 1.33rem; } table.fatitem td.subtext { font-size: 0.9rem; padding-bottom: 0.67rem; } span.pagetop { font-size: 1rem; } span.pagetop > a { margin: 0 3px; } td.subtext { font-size: 0.8275rem; color: #8b949e; padding-top: 5px; } tr.spacer { height: 0.75rem !important; } div.comment { font-size: 0.9rem; line-height: 1.3rem; } span.comhead { font-size: 0.75rem; } span.comhead > a.hnuser { font-weight: bold; } /* search box and comment box */ input, textarea { border: 2px solid #8b949e !important; } textarea { padding: 10px 16px; border-radius: 12px; } input[type="text"] { padding: 6px 10px; border-radius: 9px; } input[type="submit"] { padding: 6px 16px; border-radius: 1000px; } /* voting */ td.votelinks { width: 32px; } .votearrow { position: relative; background: none; margin: 6px 10px; } /* .rotate180 changes the down arrow direction already */ .votearrow::after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #ced4da; } a.nosee { visibility: visible; } a.nosee .votearrow::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #ff6600; } /* larger screens */ @media only screen and (min-width: 1440px) { html { font-size: 16px; } } }