Better table layout
This commit is contained in:
parent
02a26a3822
commit
d1379583e2
17
fnord.css
17
fnord.css
|
@ -34,7 +34,7 @@ pre {
|
||||||
margin-left: 10px;
|
margin-left: 10px;
|
||||||
background-color: #ddd;
|
background-color: #ddd;
|
||||||
}
|
}
|
||||||
p code, li code {
|
p code, li code table code, {
|
||||||
background-color: rgba(0,0,0,0.04);
|
background-color: rgba(0,0,0,0.04);
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: black;
|
color: black;
|
||||||
|
@ -42,7 +42,9 @@ p code, li code {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
font-size: 95%;
|
font-size: 95%;
|
||||||
}
|
}
|
||||||
p code::before, li.code::before, p code::after, li.code::after {
|
p code::before, p code::after,
|
||||||
|
li code::before, li code::after,
|
||||||
|
table code::before, table code::after {
|
||||||
letter-spacing: -0.2em;
|
letter-spacing: -0.2em;
|
||||||
content: "\00a0";
|
content: "\00a0";
|
||||||
}
|
}
|
||||||
|
@ -79,21 +81,18 @@ hr {
|
||||||
}
|
}
|
||||||
table {
|
table {
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-left: 7px solid #eaeaea;
|
border: 1px solid #ddd;
|
||||||
background-color: #f3f3f3;
|
|
||||||
}
|
}
|
||||||
table th, table td {
|
table th, table td {
|
||||||
padding: 7px 15px;
|
padding: 7px 15px;
|
||||||
}
|
border: 1px solid #ddd;
|
||||||
table thead {
|
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
table td:first-child {
|
table td:first-child {
|
||||||
width: 20%;
|
width: 20%;
|
||||||
}
|
}
|
||||||
table thead tr, table tbody tr:nth-child(even) {
|
table tbody tr:nth-child(even) {
|
||||||
background-color: #eee;
|
background-color: rgb(248, 248, 248);
|
||||||
}
|
}
|
||||||
code, pre {
|
code, pre {
|
||||||
background-color: #f8f8f8;
|
background-color: #f8f8f8;
|
||||||
|
|
Loading…
Reference in a new issue