There is no CSS for tables
Tables currently look terrible as there is no CSS. For example:
I tried to add the following CSS rules to base.css
as a PoC (I use this in my personal blog):
table {
overflow:auto;
width:92%;
margin:1.625em auto;
border-spacing:2px;
border-color:gray;
border-collapse:separate;
vertical-align:middle;
}
table th {
padding:0.5em;
text-align:left;
background-color:#21519c;
color:white;
background-image:-webkit-gradient(linear, center bottom, left bottom, from(#21519c), to(#255cb1));
}
table th a {
color:#9ebceb;
}
table th:first-child {
border-radius:4px 0 0 0;
}
table th:last-child {
border-radius:0 4px 0 0;
}
table tbody td {
padding:0.2em 0.5em;
}
table tbody tr {
background:#ffffff;
background:rgba(255, 255, 255, 0.6);
color:#444;
}
table tbody tr:nth-child(odd) {
background:#dee8f8;
background:rgba(221, 232, 248, 0.6);
}
table tbody tr:hover{
color:black;
}
and this is how it looks:
However, adding these rules breaks the codeblocks with numbered lines:
@iamphill can we do something quick and dirty here? There is a blog post coming in 2-3 days that would benefit from adding tables CSS. Thanks!