--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;
padding-right: 5px;
}
-@media (--max-sm); {
+@media (--max-sm) {
.navbar {
position: absolute;
}
.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;
margin: 0;
}
-ul.artlist {
+.artlist ul {
+ padding: 0;
list-style-type: none;
}
margin-bottom: 1em;
}
-.artlist {
- max-width: var(--max-width);
- margin: 0 auto;
- margin-top: .5em;
+@media(--max-sm) {
+ .artlist .heading {
+ padding: 0 0.75em;
+ }
}
-.artlist.heading {
- margin: 8em auto 2em auto;
- padding: 0 0.75em;
+.artlist ul {
+ max-width: var(--max-width);
+ margin: 2em auto;
+ margin-top: .5em;
}
.artlist li:not(:first-child) {
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;
}