-padding: 0 .25em;
margin: 0 .5%;
margin-bottom: 1em;
+ overflow: hidden;
}
-@media(min-width: 20em) { .itemlist .list { max-width: 49%; } }
-@media(min-width: 40em) { .itemlist .list { max-width: 32%; } }
-@media(min-width: 60em) { .itemlist .list { max-width: 24%; } }
-@media(min-width: 80em) { .itemlist .list { max-width: 19%; } }
-@media(min-width: 100em) { .itemlist .list { max-width: 19em; } }
.itemlist .list img {
- width: 100%; height: 11em;
+ width: 1000%; height: 11em;
+ max-width: unset;
background-color: #111;
object-fit: contain;
+ transform: translate(-00%, 0);
+}
+.itemlist .list img:hover {
+ animation-name: thumbscroll;
+ animation-duration: 10s;
+ animation-iteration-count: infinite;
+}
+@keyframes thumbscroll {
+ 0% { transform: translate(-00%, 0); }
+ 9.9% { transform: translate(-00%, 0); }
+ 10% { transform: translate(-10%, 0); }
+ 19.9% { transform: translate(-10%, 0); }
+ 20% { transform: translate(-20%, 0); }
+ 29.9% { transform: translate(-20%, 0); }
+ 30% { transform: translate(-30%, 0); }
+ 39.9% { transform: translate(-30%, 0); }
+ 40% { transform: translate(-40%, 0); }
+ 49.9% { transform: translate(-40%, 0); }
+ 50% { transform: translate(-50%, 0); }
+ 59.9% { transform: translate(-50%, 0); }
+ 60% { transform: translate(-60%, 0); }
+ 69.9% { transform: translate(-60%, 0); }
+ 70% { transform: translate(-70%, 0); }
+ 79.9% { transform: translate(-70%, 0); }
+ 80% { transform: translate(-80%, 0); }
+ 89.9% { transform: translate(-80%, 0); }
+ 90% { transform: translate(-90%, 0); }
+ 100% { transform: translate(-90%, 0); }
}
+
.itemlist .list label {
display: block;
font-weight: bolder;
word-break: break-word;
}
-/* ====== ADVSEARCH PANEL ====== */
+/* ====== ADVSEARCH / FILTER PANEL ====== */
#advsearch:target {
display: block; position: fixed;
}
#advsearch fieldset.select {
display: inline-block;
- width: 18em; max-width: 100%;
- margin: 0 .5em; margin-bottom: .75em; padding: 0 .375em;
+ width: 99%;
+ margin: 0 .5%; margin-bottom: .75em; padding: 0 .375em;
box-shadow: .125em .125em .25em #000;
}
+
#advsearch fieldset.select > label.head {
display: none;
width: 40%;
width: 99%;
margin: 0 .5%; margin-top: 1em;
}
-@media(min-width: 20em) { #multitag fieldset { max-width: 49%; } }
-@media(min-width: 40em) { #multitag fieldset { max-width: 32%; } }
-@media(min-width: 60em) { #multitag fieldset { max-width: 24%; } }
-@media(min-width: 80em) { #multitag fieldset { max-width: 19%; } }
-@media(min-width: 100em) { #multitag fieldset { max-width: 19em; } }
#multitag fieldset select {
width: 100%; height: 10em;
padding: 0 .25em;
border-radius: 1pt;
}
+
+
+/* ====== SCALE BLOCK ELEMENTS ====== */
+
+@media(min-width: 20em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 49%; } }
+@media(min-width: 40em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 32%; } }
+@media(min-width: 60em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 24%; } }
+@media(min-width: 80em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 19%; } }
+@media(min-width: 100em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 19em; } }