body {
+ /* background: #fffffa; */
font-family: sans-serif;
line-height: 1.6;
padding: 2em;
margin: 1em 0;
}
header {
- font-size: 0.875em;
margin-bottom: 1.5em;
}
+header >:not(h1) {
+ font-size: 0.875em;
+}
footer {
border-top: 1px solid #bbb;
font-size: 0.84em;
}
a {
- color: #295bad;
+ color: #006cdc;
+ padding: 0.3em 0;
text-decoration: none;
}
a:hover, a:focus {
transition-property: background;
transition-duration: 0.1s;
background: #f2f8fa;
- padding: 0.25em 0;
- color: #0745ad;
+ color: #0054c0; /* #003ea4 */
}
a:active {
color: #a10029;
}
table td {
- padding: 0 0.3em;
+ padding: 0.2em 0.3em;
}
table td:first-child {
padding-left: 0;
table td:last-child {
padding-right: 0
}
+.post-list {
+ width: 100%;
+}
+.post-list tr:hover {
+ background: #f2f8fa; /* #f6f6f6; */
+}
+.post-list td {
+ padding: 0.3em;
+}
+.post-list td:nth-child(2) {
+ text-align: right;
+}
dt {
margin-bottom: 0.15em;
}
dd {
- font-size: 0.9em;
+ font-size: 0.875em;
margin-left: 1.5em;
margin-bottom: 0.75em;
}
dd:last-child {
margin-bottom: 1em;
}
-.plinks {
- font-size: 0.9em;
+small {
+ font-size: 0.875em;
+}
+.muted {
+ color: #666;
+}
+.inbox {
+ margin-top: 2em;
}
ul, ol {
left: 0.5em;
}
-h2 + ul, h3 + ul, h2 + dl, h3 + dl {
+h2 + ul, h2 + dl, h2 + table, h1 + table {
margin-top: 1em;
}
+h2 + .post-list, table + h2, h2 + h3, ul + h3 {
+ margin-top: 0.7em;
+}
+p + table {
+ margin-top: -0.3em;
+}
sup, sub { font-size: 0.85em; }
sup { vertical-align: super; }