From 2ac4254829fb27d878044978e4e89f15eeeddd23 Mon Sep 17 00:00:00 2001
From: polo <ordipolo@gmx.fr>
Date: Tue, 1 Mar 2022 04:02:05 +0100
Subject: factorisation et pages manquantes

---
 public/css/pages_articles_simples.css | 244 ++++++++++++++++++++++++++++++++++
 1 file changed, 244 insertions(+)
 create mode 100644 public/css/pages_articles_simples.css

(limited to 'public/css/pages_articles_simples.css')

diff --git a/public/css/pages_articles_simples.css b/public/css/pages_articles_simples.css
new file mode 100644
index 0000000..03e4317
--- /dev/null
+++ b/public/css/pages_articles_simples.css
@@ -0,0 +1,244 @@
+/* public/css/pages_articles_simples.css */
+
+.police_titre
+{
+    color: #e9d4be;
+}
+
+td
+{
+    vertical-align: top;
+}
+
+pre
+{
+	font-family: 'Arial', 'sans';
+	white-space: pre-wrap;
+}
+
+figure
+{
+    /*margin: 5px;*/
+}
+.boutonArticle
+{
+    border-bottom: 3px black double;
+}
+.boutonArticle a
+{
+    padding: 2px;
+    border: 4px black groove;
+}
+
+@media screen and (min-width: 700px)
+{
+	#titre
+    {
+        width: 630px;
+        height: 171px;
+        background-image: url("../mouette.png");
+    }
+
+    .photo
+    {
+        width: 630px;
+        height: 230px;
+        /*background-image: url("../melaine/photo.png");*/
+        position: relative;
+        bottom: 30px;
+    }
+}
+
+@media screen and (max-width: 699px)
+{
+    #titre
+    {
+        width: 480px;
+        height: 131px;
+        background-image: url("../mouette_petit.png");
+        margin: auto;
+    }
+
+    .photo
+    {
+        width: 480px;
+        height: 191px;
+        /*background-image: url("../melaine/photo_petit.png");*/
+        margin: auto;
+        position: relative;
+        bottom: 24px;
+    }
+}
+
+@media screen and (max-width: 479px)
+{
+    #titre
+    {
+        width: 320px;
+        height: 88px;
+        background-image: url("../mouette_mini.png");
+        margin: auto;
+    }
+
+    .photo
+    {
+        width: 320px;
+        height: 127px;
+        /*background-image: url("../melaine/photo_mini.png");*/
+        margin: auto;
+        position: relative;
+        bottom: 17px;
+    }
+}
+
+
+/* CSS spécifique à chaque page */
+@media screen and (min-width: 700px)
+{
+    #photo_melaine
+    {
+        background-image: url('../header_images/melaine.png');
+    }
+    #photo_concerts
+    {
+        background-image: url('../header_images/sirene.jpg');
+        width: 308px;
+        height: 170px;
+        margin-left: auto;
+    }
+    #photo_presse
+    {
+        background-image: url('../header_images/fille_qui_tombe.jpg');
+        width: 208px;
+        height: 163px;
+        margin-left: auto;
+    }
+    #photo_ateliers
+    {
+        background-image: url('../header_images/cavalier.jpg');
+        width: 159px;
+        height: 312px;
+        margin-left: 10px;
+    }
+    #photo_liens
+    {
+        background-image: url('../header_images/canoe.png');
+        width: 207px;
+        height: 144px;
+        margin-left: auto;
+    }
+    #photo_peinture
+    {
+        background-image: url('../header_images/mouette_ocean.jpg');
+        width: 257px;
+        height: 171px;
+        margin-left: auto;
+    }
+    #photo_archives
+    {
+        background-image: url('../header_images/blonde.jpg');
+        width: 257px;
+        height: 233px;
+        margin-left: auto;
+    }
+}
+
+@media screen and (max-width: 699px)
+{
+    #photo_melaine
+    {
+        background-image: url("../header_images/melaine_petit.png");
+    }
+    #photo_concerts
+    {
+        background-image: url('../header_images/sirene_petit.jpg');
+        width: 243px;
+        height: 132px;
+        margin: 0 0 0 auto;
+    }
+    #photo_presse
+    {
+        background-image: url('../header_images/fille_qui_tombe_petit.jpg');
+        width: 158px;
+        height: 124px;
+        margin: 0 0 0 auto;
+    }
+    #photo_ateliers
+    {
+        background-image: url('../header_images/cavalier_petit.jpg');
+        width: 121px;
+        height: 237px;
+        margin-left: 10px;
+    }
+    #photo_liens
+    {
+        background-image: url('../header_images/canoe_petit.png');
+        width: 157px;
+        height: 109px;
+        margin: 0 0 0 auto;
+    }
+    #photo_peinture
+    {
+        background-image: url('../header_images/mouette_ocean_petit.jpg');
+        width: 195px;
+        height: 130px;
+        margin: 0 0 0 auto;
+    }
+    #photo_archives
+    {
+        background-image: url('../header_images/blonde_petit.jpg');
+        width: 195px;
+        height: 177px;
+        margin: 0 0 0 auto;
+    }
+}
+
+@media screen and (max-width: 479px)
+{
+    #photo_melaine
+    {
+        background-image: url("../header_images/melaine_mini.png");
+    }
+    #photo_concerts
+    {
+        background-image: url('../header_images/sirene_mini.jpg');
+        width: 162px;
+        height: 88px;
+        margin: 0 0 0 auto;
+    }
+    #photo_presse
+    {
+        background-image: url('../header_images/fille_qui_tombe_mini.jpg');
+        width: 105px;
+        height: 82px;
+        margin: 0 0 0 auto;
+    }
+    #photo_ateliers
+    {
+        background-image: url('../header_images/cavalier_mini.jpg');
+        width: 80px;
+        height: 158px;
+        margin-left: 10px;
+    }
+    #photo_liens
+    {
+        background-image: url('../header_images/canoe_mini.png');
+        width: 105px;
+        height: 73px;
+        margin: 0 0 0 auto;
+    }
+    #photo_peinture
+    {
+        background-image: url('../header_images/mouette_ocean_mini.jpg');
+        width: 130px;
+        height: 86px;
+        margin: 0 0 0 auto;
+    }
+    #photo_archives
+    {
+        background-image: url('../header_images/blonde_mini.jpg');
+        width: 130px;
+        height: 118px;
+        margin: 0 0 0 auto;
+    }
+}
-- 
cgit v1.2.3