body { font: 1rem/1.3 sans-serif; background: #eeeeee; color: #000000; } a { color: #000000; text-decoration: none; outline: none; } .container { margin: 1rem auto; max-width: 64rem; } .menu { font-size: 1.1rem; padding: 0 1rem; } .theme { float: right; } .item { display: table; color: #828282; margin-bottom: 0.6rem; } .item a { color: #828282; } .item a:hover { text-decoration: underline; } .item .num { display: table-cell; width: 2em; } .item a.link { font-size: 1.1rem; color: #000000; } .item a.link:visited { color: #828282; } span.source { margin-left: 0.4rem; } .item .info a.hot { color: #444444; } .article-container { font: 1.2rem/1.5 sans-serif; margin: 1rem auto; max-width: 44rem; } .article h1 { font-size: 1.6rem; } .article h2 { font-size: 1.4rem; } .article h3, .article h4 { font-size: 1.3rem; } .article img { width: 100%; height: auto; } .article figure { width: 100%; height: auto; margin: 0; } .article iframe { width: 100%; margin: 0; } .article a { color: #000000; text-decoration: none; border-bottom: 1px solid #222222; } .article .info { color: #828282; } .article .info a { color: #828282; border-bottom: none; } .article .info a:hover { text-decoration: underline; } .comments { margin-left: -1rem; } .comment { padding-left: 1rem; } .comment.lined { border-left: 1px solid #cccccc; } .comment .text { margin-top: -0.5rem; }