div.nav-next,
img.right {
float: right;
margin-left: 0.5rem;
}
div.nav-prev,
img.left {
float: left;
margin-right: 0.5rem;
}
ul.inline {
display: flex;
flex-wrap: wrap;
list-style-type: none;
justify-content: center;
gap: 0.5em;
padding: 0;
margin: 0;
}
ul.inline > li {
padding: 0.2em;
background-color: #f5f1f9;
}
img.l-logo,
ul.inline img {
margin: 0px 0.2em;
vertical-align: middle;
}
ul.calendar {
max-height: 20em;
overflow-y: scroll;
list-style: none;
background-color: #ccc;
width: fit-content;
padding: 0px 0.5em;
display: grid;
gap: 0.1em;
line-height: 2em;
}
ul.calendar.Annually {
grid-template-columns: 4em auto;
column-gap: 0px;
}
ul.calendar:not(.Annually)::before {
content: "";
}
ul.calendar::before,
.calendar > li.period {
padding: 0px 0.5em;
font-weight: bold;
position: sticky;
top: 0px;
z-index: 1;
background-color: #2a0d45;
color: white;
}
.calendar > li {
background-color: #f5f1f9;
text-align: center;
position: relative;
}
ul.calendar > li > a {
display: block;
width: 100%;
height: 100%;
padding: 0px 0.5em;
}
ul.calendar > li.year {
font-weight: bold;
background-color: #ccc;
grid-column: 1;
}
ul.calendar > li:not(.year):not(.period):hover {
background-color: white;
}
ul.calendar.Monthly {
grid-template-columns: repeat(13, minmax(3em,auto));
}
ul.calendar.Quarterly {
grid-template-columns: repeat(5, minmax(3em,auto));
}
/* wall-calendar view for monthly on narrow screens */
@media screen and (max-width:860px) {
.calendar span.none,
ul.calendar li::before {
display: block;
}
ul.calendar.Monthly {
line-height: unset;
grid-template-columns: repeat(4, minmax(auto,4em));
grid-auto-rows: auto 3em 3em 3em;
}
ul.calendar.Monthly > li > a {
position: absolute;
top: 0px;
padding-top: 1.5em;
}
ul.calendar.Monthly > li.year {
position: sticky;
top: 0px;
z-index: 1;
grid-column: 1 / -1;
}
ul.calendar.Monthly li:not(.year)::before {
content: attr(class);
}
ul.calendar.Monthly::before,
ul.calendar.Monthly li.period {
display: none
}
}

ul.thread, ul.thread ul {
padding-inline-start: 1em;
list-style-type: none;
}
ul.thread ul {
border-left: thin gray solid;
}
ul.thread li {
font-weight: normal;
}
ul.thread > li {
font-weight: bold;
margin-top: 0.2em;
}

div.nav-link {
display: flex;
align-items: center;
gap: 0.2em;
}
div.nav-bar {
display: flex;
gap: 1em;
flex-wrap: wrap;
}
.showbutton::before {
content: url("/images/plus-icon-16x16.png");
width: 16px;
height: 16px;
vertical-align: middle;
margin: 0px 0.2em;
}
.showbutton.open::before {
content: url("/images/minus-icon-16x16.png");
}
.latest {
display: none;
}

.l-abstract {
clear: right;
margin-top: 1em;
}
.l-abstract p {
margin: 0.2rem 0px;
}
.l-abstract ul.inline {
justify-content: start;
}
h1.list-title,
h1.l-title {
font-size: 1.5rem;
text-align: center;
}
h1.m-title {
font-size: 1.5rem;
}
h2.m-list {
font-size: large;
font-weight: normal;
}

p.excerpt {
background-color: #f5f1f9;
overflow-wrap: break-word;
}
main {
overflow-wrap: break-word;
}
pre {
white-space: pre-wrap;
}