.yearTitle,
.monthTitle{
cursor:pointer;
font-weight:bold;
margin-top:10px;
}

.yearContent,
.monthContent{
display:none;
margin-left:20px;
}

.post{
margin-left:20px;
margin-top:5px;
}

.post.future{
color:gray;
font-style:italic;
}

.archiveYear,
.archiveMonth{
cursor:pointer;
user-select:none;
margin-top:6px;
font-weight:bold;
}

.archiveYear::before{
content:"📂 ";
}

.archiveMonth::before{
content:"📁 ";
}

.archivePost{
margin-left:20px;
margin-top:4px;
}

.archivePost::before{
content:"📄 ";
}

.archivePost.future{
color:#999;
font-style:italic;
}

.archiveContent{
display:none;
margin-left:20px;
}

.archiveYear,
.archiveMonth {
  cursor: pointer;
  user-select: none;
  margin-top: 6px;
  font-weight: bold;
  color: white !important;
  background: transparent !important;
}

.archiveLabel {
  color: white !important;
  background: transparent !important;
}

.archiveContent {
  display: none;
  margin-left: 20px;
}

.archivePost {
  margin-left: 20px;
  margin-top: 4px;
}

.archivePost.future {
  color: #cfcfcf;
  font-style: italic;
}