X-Git-Url: http://git.plutz.net/?a=blobdiff_plain;f=style.css;h=17b88e4c5500399e16f9d88b2a70145c79eac357;hb=48b6390c54588ea9721602e1e848916696914e4b;hp=c757fdd4c5d21fc2ce983f100de9e517625f670a;hpb=73d0e4b9634f96f45a7d86a2b3f78a671e087d3c;p=serve0 diff --git a/style.css b/style.css index c757fdd..17b88e4 100644 --- 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 ====== */