* { line-height: 1.2; font-family: sans-serif; } article { max-width: 50em; margin: 1.5em auto; } section { max-width: 33em; margin: 0 auto; } h2, h3, h6 { text-align: center; } h3:first-of-type { margin-top: 4em; } td[rowspan="2"] { vertical-align: top; padding-right: 0.3em; } table.repos { width: 100%; border-spacing: 0.5em; } table.repo { padding: 0.4em; } table.repo th { width: 100%; font-size: 18px; } table.repo th a { text-decoration: none; } table.repo td > p { overflow: hidden; text-overflow: ellipsis; /* TODO max-height: /* 2.75 * 1.2 = 3.3 *//* 4.5em; */ } table.repo span.notes { float: right; } table.repo span.notes span.license { color: gray; font-weight: normal; } span.urlsep { padding: 0 0.1em; } div.links, ol { margin-top: -0.75em; } div.links { margin-left: 0.2em; } div.links table { border-collapse: collapse; } div.links th { text-align: left; border-left: 4px solid #474747; } div.links th, div.links td { padding: 0.25em 1em; border-bottom: 1px solid #474747; } div.links tr:first-child th, div.links tr:first-child td { padding-top: 0.75em; } body { background-color: #1f1f1f; } table.repo { border: 1px solid #555; background-color: #282828; border-radius: 1em 0; } body, span.urlsep { color: #e8e8e8; } a { color: #e67765; text-decoration: none; } table.repo th a { color: #cc6a5a; } em { color: #89bf54; }