From 14b5e582b2def4c4b04adef62f35903e486bda04 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Tue, 29 Dec 2020 20:22:04 +0100
Subject: Future-proof portrait styling

I'll probably put an intermediate <div> in there somewhere; no
guarantee this <a> will remain reliable.
---
 quatuor.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'quatuor.css')

diff --git a/quatuor.css b/quatuor.css
index ca5b8c4..168caf5 100644
--- a/quatuor.css
+++ b/quatuor.css
@@ -22,7 +22,7 @@ main #photos {
     padding-bottom: 2em;
 }
 
-#photos a {
+#photos > * {
     position: relative;
     width: 6em;
     height: 100%;
@@ -34,7 +34,7 @@ main #photos {
     overflow: hidden;
 }
 
-#photos a img {
+#photos img.portrait {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -44,25 +44,25 @@ main #photos {
     transition: filter 1s, transform 1s;
 }
 
-#photos a img:hover {
+#photos img.portrait:hover {
     filter: none;
     transform: scale(1.05);
 }
 
-#photos a:nth-of-type(1) {
+#photos > *:nth-of-type(1) {
     top: -0.4em;
 }
 
-#photos a:nth-of-type(2) {
+#photos > *:nth-of-type(2) {
     left: -1.6em;
     top: 1.2em;
 }
 
-#photos a:nth-of-type(3) {
+#photos > *:nth-of-type(3) {
     left: 1.6em;
     top: -1.2em;
 }
 
-#photos a:nth-of-type(4) {
+#photos > *:nth-of-type(4) {
     top: 0.4em;
 }
-- 
cgit v1.2.3