added flip option for tagging

[serve0] / style.css

diff --git a/style.css b/style.css
index c757fdd4c5d21fc2ce983f100de9e517625f670a..17b88e4c5500399e16f9d88b2a70145c79eac357 100644 (file)
--- a/style.css
+++ b/style.css
@@ -55,13 +55,25 @@ body {
   -padding: 0 .25em;
   margin: 0 .5%;
   margin-bottom: 1em;
+  overflow: hidden;
 }
 
 .itemlist .list img {
-  width: 100%; height: 11em;
+  -width: 1000%; height: 11em;
+  max-width: unset;
   background-color: #111;
-  object-fit: contain;
+  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;
@@ -243,6 +255,9 @@ body {
   display: block;
   white-space: pre;
 }
+#multitag fieldset textarea[name=newtag] + label {
+  display: block;
+}
 
 
 /* ====== VIEW PAGE ====== */
@@ -262,6 +277,10 @@ body#view .tag {
   border-radius: 1pt;
 }
 
+body#view .itemlist {
+  margin-top: 2em;
+}
+
 
 /* ====== SCALE BLOCK ELEMENTS ====== */