- position: relative;
- top: -2em; line-height: 2em;
- margin: 0 -1em -1.5em -1em;
- padding: 0 .75em;
- font-weight: bold;
- background-color: inherit;
+ font-weight: bolder;
+ word-break: break-word;
+}
+.itemlist .list .time,
+.itemlist .list .dim {
+ position: absolute; top: 9.75em;
+ background-color: rgba(0,0,0,.5);
+ padding: .125em .25em;
+}
+.itemlist .list .time { right: 0; }
+.itemlist .list .dim { left: 0; }
+.itemlist .list input[type=checkbox] { display: none; }
+.itemlist .list .tag,
+.itemlist .list input[type=checkbox] + label {
+ display: inline-block;
+ background-color: #333;
+ margin-top: .125em;
+ margin-left: 0;
+ padding: 0 .25em;
+ border-radius: 1pt;
+}
+.itemlist .list input[type=checkbox]:checked + label {
+ background-color: #383;