Merge commit 'b931bbd0c30907b9cc956d3707b26b449bf41f76'

[serve0] / style.css

diff --git a/style.css b/style.css
index c757fdd4c5d21fc2ce983f100de9e517625f670a..79ddfe81e46ca885862212b56571779851331291 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;
@@ -128,13 +140,23 @@ body {
 }
 
 #bookmarks label {
-  display: block;
+  display: inline;
   font-weight: bold;
   font-size: 1.125em;
   margin-left: 0;
   margin-top: .75em;
   word-break: break-word;
 }
+#bookmarks label:before,
+#bookmarks a.conjunct:after {
+  content: '\0a';
+  white-space: pre;
+}
+#bookmarks label:before {
+  line-height: 2.5em;
+  vertical-align: top;
+}
+
 
 /* ====== ADVSEARCH / FILTER PANEL ====== */
 
@@ -243,6 +265,9 @@ body {
   display: block;
   white-space: pre;
 }
+#multitag fieldset textarea[name=newtag] + label {
+  display: block;
+}
 
 
 /* ====== VIEW PAGE ====== */
@@ -262,6 +287,10 @@ body#view .tag {
   border-radius: 1pt;
 }
 
+body#view .itemlist {
+  margin-top: 2em;
+}
+
 
 /* ====== SCALE BLOCK ELEMENTS ====== */