From 758b3f359341f963946d6d34e8f39d2a9c1f6040 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Sun, 20 Feb 2022 20:49:13 +0100
Subject: debuggage

---
 public/discographie.css         |  2 +-
 public/donnees_hors_editeur.css | 32 +++++++++++++++++++++++++-------
 public/melaine.css              | 12 ++++++------
 3 files changed, 32 insertions(+), 14 deletions(-)

(limited to 'public')

diff --git a/public/discographie.css b/public/discographie.css
index b4c3d51..65ae2c3 100644
--- a/public/discographie.css
+++ b/public/discographie.css
@@ -147,7 +147,7 @@ article
 figure
 {
 	margin: 0px;
-	display: inline-block;
+	/*display: inline-block;*/
 }
 
 figcaption
diff --git a/public/donnees_hors_editeur.css b/public/donnees_hors_editeur.css
index 754453b..4a8d49e 100644
--- a/public/donnees_hors_editeur.css
+++ b/public/donnees_hors_editeur.css
@@ -1,6 +1,4 @@
-img{vertical-align: bottom;}
-@media screen and (max-width: 1000px)
-{img{max-width: 900px;}}
+/*img{vertical-align: bottom;}*/
 
 .text-tiny{font-size: x-small;}
 .text-small{font-size: small;}
@@ -26,13 +24,33 @@ input[type="checkbox"]:checked{border: none; background: #26ab33;}
 .table td{border: 1px grey solid; padding: 7px; min-width: 30px;}
 td p{margin: 0px;}
 
-.image{margin: 0px; text-align: center; display: inline-block;}
-.image img{max-width: 630px;}
+.image{margin: 0px; margin: auto;}
+.image img{max-width: 100%;}
 .image-style-side{float: right;}
-.image-style-side img{max-width: 315px;}
+.image-style-side:not(.image_resized){max-width: 50%;}
 .image>figcaption{padding: 7px; text-align: center; font-size: small; background-color: #f0f0f0;}
 
 .boutonArticle{clear: both; padding: 20px 0px;}
 article:after{content: ""; display: block; clear: both;}
 
-iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}
\ No newline at end of file
+iframe{min-width: 400px; min-height: 300px; max-width: 1200px; max-height: 900px;}
+
+/*@media screen and (max-width: 1000px)
+{
+    img{max-width: 900px;}
+}*/
+
+@media screen and (min-width: 700px)
+{
+    .image{max-width: 630px;}
+}
+
+@media screen and (max-width: 699px)
+{
+    .image{max-width: 480px;}
+}
+
+@media screen and (max-width: 479px)
+{
+    .image{max-width: 320px;}
+}
\ No newline at end of file
diff --git a/public/melaine.css b/public/melaine.css
index dcb218c..09f38aa 100644
--- a/public/melaine.css
+++ b/public/melaine.css
@@ -48,10 +48,10 @@ figure
         bottom: 30px;
     }
 
-    img
+    /*img
     {
         max-width: 630px;
-    }
+    }*/
 }
 
 @media screen and (max-width: 699px)
@@ -74,10 +74,10 @@ figure
         bottom: 24px;
     }
 
-    img
+    /*img
     {
         max-width: 480px;
-    }
+    }*/
 }
 
 @media screen and (max-width: 479px)
@@ -100,8 +100,8 @@ figure
         bottom: 17px;
     }
 
-    img
+    /*img
     {
         max-width: 320px;
-    }
+    }*/
 }
-- 
cgit v1.2.3