]> git.plutz.net Git - serve0/blobdiff - style.css
Merge commit 'b931bbd0c30907b9cc956d3707b26b449bf41f76'
[serve0] / style.css
index 168ff409d9460871c6e641f12b36c06fdd64ef6d..79ddfe81e46ca885862212b56571779851331291 100644 (file)
--- a/style.css
+++ b/style.css
@@ -59,38 +59,19 @@ body {
 }
 
 .itemlist .list img {
-  width: 1000%; height: 11em;
+  -width: 1000%; height: 11em;
   max-width: unset;
   background-color: #111;
-  object-fit: fill;
-  transform: translate(-00%, 0);
+  object-fit: cover;
+  transform: translate(-05%, 0);
+  margin-left: 50%;
 }
-.itemlist .list img:hover {
-  animation-name: thumbscroll;
-  animation-duration: 10s;
-  animation-iteration-count: infinite;
+.itemlist .list:hover img {
+  animation: thumbscroll 8s steps(10, end) infinite;
 }
 @keyframes thumbscroll {
-   0%   { transform: translate(-00%, 0); }
-   9.99% { transform: translate(-00%, 0); }
-  10%   { transform: translate(-10%, 0); }
-  19.99% { transform: translate(-10%, 0); }
-  20%   { transform: translate(-20%, 0); }
-  29.99% { transform: translate(-20%, 0); }
-  30%   { transform: translate(-30%, 0); }
-  39.99% { transform: translate(-30%, 0); }
-  40%   { transform: translate(-40%, 0); }
-  49.99% { transform: translate(-40%, 0); }
-  50%   { transform: translate(-50%, 0); }
-  59.99% { transform: translate(-50%, 0); }
-  60%   { transform: translate(-60%, 0); }
-  69.99% { transform: translate(-60%, 0); }
-  70%   { transform: translate(-70%, 0); }
-  79.99% { transform: translate(-70%, 0); }
-  80%   { transform: translate(-80%, 0); }
-  89.99% { transform: translate(-80%, 0); }
-  90%   { transform: translate(-90%, 0); }
- 100%   { transform: translate(-90%, 0); }
+  from { transform: translate(-05%, 0);}
+  to   { transform: translate(-105%, 0);}
 }
 
 .itemlist .list label {
@@ -159,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 ====== */
 
@@ -274,6 +265,9 @@ body {
   display: block;
   white-space: pre;
 }
+#multitag fieldset textarea[name=newtag] + label {
+  display: block;
+}
 
 
 /* ====== VIEW PAGE ====== */
@@ -293,6 +287,10 @@ body#view .tag {
   border-radius: 1pt;
 }
 
+body#view .itemlist {
+  margin-top: 2em;
+}
+
 
 /* ====== SCALE BLOCK ELEMENTS ====== */