+ font-weight: bold;
+ text-decoration: none;
+ padding: 0 .25em;
+ z-index: 1;
+}
+
+/* ====== MAIN LIST VIEW ====== */
+
+.itemlist { text-align: center; }
+.itemlist > * { text-align: left; }
+.itemlist .list {
+ display: inline-block;
+ vertical-align: top;
+ width: 99%;
+ -padding: 0 .25em;
+ margin: 0 .5%;
+ margin-bottom: 1em;
+ overflow: hidden;
+}
+
+.itemlist .list img {
+ -width: 1000%; height: 11em;
+ max-width: unset;
+ background-color: #111;
+ object-fit: cover;
+ transform: translate(-05%, 0);
+ margin-left: 50%;
+}
+.itemlist .list:hover img {
+ animation: thumbscroll 8s steps(10, end) infinite;
+}
+@keyframes thumbscroll {
+ from { transform: translate(-05%, 0);}
+ to { transform: translate(-105%, 0);}
+}
+
+.itemlist .list label {
+ display: block;
+ 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;