From 204be428e4912d1f984b41f13a1f2605657d651c Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Mon, 24 Apr 2023 22:31:01 +0200
Subject: infobulles

---
 public/css/discographie.css | 11 +++--------
 public/css/main.css         | 27 +++++++++++++++++++++++++++
 2 files changed, 30 insertions(+), 8 deletions(-)

(limited to 'public')

diff --git a/public/css/discographie.css b/public/css/discographie.css
index 7fb48df..31df03e 100644
--- a/public/css/discographie.css
+++ b/public/css/discographie.css
@@ -145,11 +145,6 @@ figure
     /*display: inline-block;*/
 }
 
-.vignette
-{
-    width: 100%;
-}
-
 figcaption
 {
 	margin: 2px;
@@ -165,11 +160,11 @@ a
     /*border: 2px white solid;*/
 }
 
-.articleSansEditeur a
+.articleSansEditeur>a
 {
     border: 2px white solid;
 }
-.articleSansEditeur a:hover
+.articleSansEditeur>a:hover
 {
 	border: 2px blue solid;
 }
@@ -183,7 +178,7 @@ a:hover figure figcaption
 {
     /*border: 1px black solid;*/
     text-align: center;
-    margin-top: 0px;
+    margin-top: 2px;
 }
 
 .articleSansEditeur img
diff --git a/public/css/main.css b/public/css/main.css
index 4017e31..a5332be 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -136,6 +136,33 @@ form
     /*border-bottom: 1px black solid;*/
 }
 
+.infobulle
+{
+    text-decoration: none;
+    /* évite que l'infobulle ne se retrouve dans un coin de l'écran */
+    position:relative;
+     /* block -> hauteur fixe pour vertical-align dans l'image */
+    display: inline-block;
+    
+}
+.infobulle button
+{
+    
+    display: none;
+    position: absolute;
+    bottom: 35px;
+    left: 10px;
+}
+.infobulle:hover button
+{
+    display: inline;
+
+}
+.infobulle img
+{
+    vertical-align: middle;
+}
+
 #courriel
 {
     /*padding-top: 30px;*/
-- 
cgit v1.2.3