Hacker News Theme Sky

hn-theme-sky.md

Hacker News Theme Sky

More information

=======================

*, *:before, *:after {
    box-sizing: border-box;
}

html {
    font-size: 15px;
}

body {
    font-size: 100%;
    color: #34495E;
}

a {
    color: #22313F;
}

a:hover {
    color: #567C9F;
}

table:first-child {
    background: #E4F1FE;
}

table tbody tr:first-child table {
    background: #22313F;
    color: #22313F;
    padding: 0 1rem;
}

table.comment-tree tbody tr:first-child table {
    background: none;
}

table tbody tr:first-child table td {
    padding: 0;
}

table tbody tr:first-child .pagetop {
    color: #22313F;
}

table tbody tr:first-child .pagetop a {
    color: #E4F1FE;
    padding: 1rem 0.6rem;
    display: inline-block;
    margin: 0 -5px;
    transition: color, background 250ms;
}

table tbody tr:first-child .pagetop a:hover {
    color: #FFFFFF;
    background: #34495E;
    transition: color, background 250ms;
}

table tbody tr td:last-child > .pagetop {
    color: #E4F1FE;
}

table tbody tr:first-child table td:first-child a {
    display: inline-block;
    margin: 0 1rem 0 -0.5rem;
    padding: 0.9rem 0.6rem;
}

table table {
    padding: 10px;
}

tr.spacer {
    height: 1.2rem;
}

tr.athing td.title {
    font-size: 1rem;
}

tr.athing .rank {
    padding-right: 0.5rem;
    color: #6487AA;
}

tr.athing .votearrow {
    margin: 0.4rem 0.5rem 0 0;
    width: 0; 
    height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #6487AA;
}

tr.athing .sitebit {
    color: #6487AA;
    opacity: 0.5;
}

tr td.subtext {
    padding-top: 0.3rem;
    color: #6487AA;
}

tr td.subtext a, tr td.subtext a:visited {
    color: #34495E;
}

table tr:last-child table td {
    background: #34495E;
}

table tr:last-child center {
    font-size: 0.8rem;
}

form table td {
    padding: 0.3rem 0.6rem;
}

form input, form textarea {
    border: 1px solid #567C9F;
}

form input[type=submit] {
    background: #567C9F;
    padding: 0.5rem 1rem;
    font-family: sans-serif;
    cursor: pointer;
}

td.ind {
    max-width: 2rem;
}