X-Git-Url: http://git.shiar.nl/sheet.git/blobdiff_plain/621e09e71566da40f79069d01b622f651bf0a335..14310f94c0b4aef2fa040f626951c6bd3d893a11:/dieren.plp
diff --git a/dieren.plp b/dieren.plp
index 4775efe..50410e2 100644
--- a/dieren.plp
+++ b/dieren.plp
@@ -47,7 +47,7 @@ th {
}
td {
width: 15%; /* 1fr */
- vertical-align: bottom;
+ vertical-align: top;
}
figure[hidden] {
transition: opacity 1s 0s;
@@ -56,7 +56,24 @@ figure[hidden] {
}
figure[hidden]:hover {
opacity: 1;
- transition-delay: 2s;
+ transition-delay: 1s;
+}
+
+@media (max-width: 60em) {
+ figcaption {
+ position: static;
+ padding: 0;
+ font-size: 50%;
+ }
+ figcaption small {
+ display: none;
+ }
+ th:first-child {
+ display: none;
+ }
+ th {
+ font-size: 50%;
+ }
}
EOT
@@ -157,15 +174,15 @@ while (my $name = shift @table) {
if ($img and -e ($img = "data/dieren/$img.jpg")) {
my $alt = -l $img && readlink($img) =~ s/\.jpg$//r;
if ($alt) {
- $name .= " ($alt)";
+ $name .= " ($alt)";
}
else {
$alt = $name;
}
- print "$name";
printf '';
+ print "$name";
}
elsif ($hidden) {
printf '%s', "$name?";