X-Git-Url: http://git.plutz.net/?p=serve0;a=blobdiff_plain;f=style.css;h=2e461e13a1ca0b7c11496339b6e5f74b1a75e248;hp=168ff409d9460871c6e641f12b36c06fdd64ef6d;hb=HEAD;hpb=152e50467c336fb23c1c64f2582ce419ed36a35b diff --git a/style.css b/style.css index 168ff40..79ddfe8 100644 --- 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 ====== */