header >:not(h1) {
font-size: 0.875em;
}
+header > p {
+ margin: 0;
+}
footer {
border-top: 1px solid #bbb;
font-size: 0.84em;
h1 + address {
margin-top: 0.75em;
}
-address + p {
- margin: 0;
-}
h2 {
font-size: 1.25em;
}
a {
- color: #006cdc;
+ color: #004caa;
padding: 0.3em 0;
- text-decoration: none;
+ text-decoration: underline #ccc;
}
a:hover, a:focus {
- transition-property: background;
- transition-duration: 0.1s;
- background: #f2f8fa;
- color: #0054c0; /* #003ea4 */
+ text-decoration: underline #666;
}
a:active {
color: #a10029;
+ outline: 0;
}
-/*
-a:active {
- color: #06d;
- box-shadow: 0 1px 1px #ddd;
-}
-*/
h4 {
margin: 0.75em auto;
bottom: 0.05em;
}
+pre, code {
+ background: #f3f3f3;
+ padding: 1em;
+}
+pre > code {
+ padding: 0;
+ background: initial;
+}
code {
font: 1.15em monospace;
text-transform: none;
+ padding: .2em .3em;
}
strong {
font-weight: bold;
}
table td {
- padding: 0.2em 0.3em;
+ padding: 0.125em 0.3em;
}
table td:first-child {
padding-left: 0;
width: 100%;
}
.post-list tr:hover {
- background: #f2f8fa; /* #f6f6f6; */
+ background: #fafafa;
}
.post-list td {
- padding: 0.3em;
+ padding: 0.25em 0;
}
.post-list td:nth-child(2) {
text-align: right;
left: 0.5em;
}
-h2 + ul, h2 + dl, h2 + table, h1 + table {
+h2 + ul, h2 + dl, h2 + table, h1 + table, pre + h2 {
margin-top: 1em;
}
table + h2, h2 + h3, ul + h3 {
margin-top: -0.3em;
}
+.feed-icon {
+ margin-right: 3px
+}
+.feed-icon-h2 {
+ margin-left: 5px;
+ position: relative;
+ top: 2px
+}
+
+.tag-list {
+ padding-left: 0;
+}
+.tag-list li {
+ margin-right: 0.75em;
+ white-space: nowrap;
+ display: inline-block;
+}
+.tag-list > li::before {
+ content: '';
+}
+
sup, sub { font-size: 0.85em; }
sup { vertical-align: super; }
sub { vertical-align: sub; }