From e44a48a6dc36cb5a644c85e8866936c339a62540 Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 22 Nov 2020 22:24:43 +0100
Subject: mfhdmsqlfk

---
 "actualit\303\251s.css" | 46 ++++++++++++++++++++++------------------------
 1 file changed, 22 insertions(+), 24 deletions(-)

(limited to 'actualités.css')

diff --git "a/actualit\303\251s.css" "b/actualit\303\251s.css"
index 3cc5ff5..d063ebd 100644
--- "a/actualit\303\251s.css"
+++ "b/actualit\303\251s.css"
@@ -1,13 +1,18 @@
 main {
-    padding-left: 5%;
+    display: grid;
+    grid-template-columns: 60% 40%;
+}
+
+main > div {
+    padding: 2%;
 }
 
 .events {
     display: grid;
-    width: 58vw;
+    width: 50vw;
     grid-auto-rows: 12vw;
     grid-template-columns: repeat(auto-fit, 14vw);
-    grid-gap: 1em;
+    grid-gap: 1vw;
     background-color: #dbb;
 }
 
@@ -19,6 +24,13 @@ main {
     justify-content: center;
 }
 
+.event a {
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    text-decoration: none;
+}
+
 .event img {
     position: absolute;
     object-position: center;
@@ -33,6 +45,12 @@ main {
 }
 
 .event .summary {
+    position: absolute;
+    margin: 0;
+    text-align: center;
+    vertical-align: middle;
+    height: 100%;
+    width: 100%;
     z-index: 1;
     opacity: 0;
     font-weight: bold;
@@ -44,26 +62,6 @@ main {
     opacity: 1;
 }
 
-.event .details {
+#event-details .details {
     display: none;
 }
-
-.event input {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    cursor: pointer;
-    opacity: 0;
-    z-index: 2;
-}
-
-.event input:checked ~ .details {
-    display: block;
-    position: fixed;
-    top: 10em;
-    left: 60vw;
-    max-width: 30%;
-    max-height: 50vh;
-    overflow: auto;
-    background-color: #d88;
-}
-- 
cgit v1.2.3