From: Paul Hänsch Date: Wed, 10 Mar 2021 08:47:43 +0000 (+0100) Subject: common screen scaling for tag boxes and thumbnails X-Git-Url: https://git.plutz.net/?a=commitdiff_plain;h=73d0e4b9634f96f45a7d86a2b3f78a671e087d3c;p=serve0 common screen scaling for tag boxes and thumbnails --- diff --git a/style.css b/style.css index fe06de1..c757fdd 100644 --- a/style.css +++ b/style.css @@ -56,11 +56,6 @@ body { margin: 0 .5%; margin-bottom: 1em; } -@media(min-width: 20em) { .itemlist .list { max-width: 49%; } } -@media(min-width: 40em) { .itemlist .list { max-width: 32%; } } -@media(min-width: 60em) { .itemlist .list { max-width: 24%; } } -@media(min-width: 80em) { .itemlist .list { max-width: 19%; } } -@media(min-width: 100em) { .itemlist .list { max-width: 19em; } } .itemlist .list img { width: 100%; height: 11em; @@ -141,7 +136,7 @@ body { word-break: break-word; } -/* ====== ADVSEARCH PANEL ====== */ +/* ====== ADVSEARCH / FILTER PANEL ====== */ #advsearch:target { display: block; position: fixed; @@ -171,10 +166,11 @@ body { } #advsearch fieldset.select { display: inline-block; - width: 18em; max-width: 100%; - margin: 0 .5em; margin-bottom: .75em; padding: 0 .375em; + width: 99%; + margin: 0 .5%; margin-bottom: .75em; padding: 0 .375em; box-shadow: .125em .125em .25em #000; } + #advsearch fieldset.select > label.head { display: none; width: 40%; @@ -234,11 +230,6 @@ body { width: 99%; margin: 0 .5%; margin-top: 1em; } -@media(min-width: 20em) { #multitag fieldset { max-width: 49%; } } -@media(min-width: 40em) { #multitag fieldset { max-width: 32%; } } -@media(min-width: 60em) { #multitag fieldset { max-width: 24%; } } -@media(min-width: 80em) { #multitag fieldset { max-width: 19%; } } -@media(min-width: 100em) { #multitag fieldset { max-width: 19em; } } #multitag fieldset select { width: 100%; height: 10em; @@ -270,3 +261,12 @@ body#view .tag { padding: 0 .25em; border-radius: 1pt; } + + +/* ====== SCALE BLOCK ELEMENTS ====== */ + +@media(min-width: 20em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 49%; } } +@media(min-width: 40em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 32%; } } +@media(min-width: 60em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 24%; } } +@media(min-width: 80em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 19%; } } +@media(min-width: 100em) { .itemlist .list, #advsearch fieldset.select, #multitag fieldset { max-width: 19em; } }