--c-light: #ecf7fa;
--c-hl-dark: #008499;
--c-hl-light: #3baec4;
+ --c-shadow: #dae5e2;
/* backgrounds */
--navbar-bg: var(--c-dark);
/* global */
body {
- font-family: 'Open Sans';
+ font-family: 'Open Sans', sans-serif;
font-feature-settings: "lnum";
font-variant-numeric: lining-nums;
color: var(--text-color);
height: auto;
}
+.invisible {
+ display: none;
+}
+
a {
color: var(--link-color);
text-decoration: none;
.main h4,
.main li,
.main pre,
-.main p {
+.main p,
+.main blockquote {
margin-top: .7em;
}
.main h1 + p,
.main h2 + p,
.main h3 + p,
-.main h3 + p {
+.main h3 + p,
+.main blockquote > p:first-child {
margin-top: 0;
}
border-left: 1px solid var(--c-dark);
}
+tr:nth-child(odd) {
+ background-color: var(--c-shadow);
+}
+
/* jumbotron */
.jumbotron {
position: relative;
border-top: 1px solid var(--border-color);
}
-.art-info .art {
+.artlist .art {
font-weight: bold;
font-size: 120%;
}
display: flex;
flex-direction: row;
justify-content: space-between;
- flex-basis: 30%;
width: 100%;
}
+.art-nav * {
+ flex-basis: 30%;
+}
+
+.art-nav *:nth-child(1) { text-align: left; }
+.art-nav *:nth-child(2) { text-align: center; }
+.art-nav *:nth-child(3) { text-align: right; }
+
+blockquote {
+ padding-left: 1em;
+ max-width: calc(var(--max-width) - .7em);
+ display: inline-block;
+ border-left: .5em solid var(--c-shadow);
+ font-style: italic;
+}
+
@media (--max-md) {
.main.artlist {
padding-left: 0;
.kb-index li {
display: block;
flex: 1 1 15em;
- height: 7em;
+ height: 3em;
margin: 1em;
}