From 56aab44c345dd6f02f8ecf78ebd3783def00a7ce Mon Sep 17 00:00:00 2001
From: Vincent Calame <vincent.calame@exemole.fr>
Date: Thu, 28 Nov 2019 23:03:21 +0100
Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20d'un=20mod=C3=A8le=20=C2=AB=20s?=
 =?UTF-8?q?ous-rubrique=20=C2=BB=20pour=20l'affichage=20des=20tutos=20XMPP?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/ajout.css             | 34 ++++++++++++++++++++++++++++++++++
 inclure/head.html         |  1 +
 modeles/sousrubrique.html | 12 ++++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 css/ajout.css
 create mode 100644 modeles/sousrubrique.html

diff --git a/css/ajout.css b/css/ajout.css
new file mode 100644
index 0000000..1993b1f
--- /dev/null
+++ b/css/ajout.css
@@ -0,0 +1,34 @@
+/*******************************************************
+ * Ajout 
+ *******************************************************/
+
+.modele-sousrubrique-bouton.bouton-utilise {
+    max-width: 480px;
+}
+
+.modele-sousrubrique-bouton img {
+    margin-right: 16px;
+}
+
+.modele-sousrubrique-bouton.bouton-utilise {
+    display: flex;
+    align-items: center;
+    text-align: left;
+}
+
+.modele-rubrique-soustitre {
+    font-style: italic;
+}
+
+.modele-sousrubrique-liste {
+    margin-top: 30px;
+}
+
+@media screen and (max-width: 600px) {
+    
+    .spip_documents_right img {
+        width: 120px;
+        height: auto;
+    }
+    
+}
diff --git a/inclure/head.html b/inclure/head.html
index a3eb7fa..6b8869d 100644
--- a/inclure/head.html
+++ b/inclure/head.html
@@ -6,3 +6,4 @@
 [(#REM) Feuilles de style perso]   
 <link href="#CHEMIN{css/perso.css}" rel="stylesheet"  type="text/css" />
 <link rel="shortcut icon" href="#CHEMIN{css/favicon.ico}" type="image/x-icon">
+<link href="#CHEMIN{css/ajout.css}" rel="stylesheet"  type="text/css" />
diff --git a/modeles/sousrubrique.html b/modeles/sousrubrique.html
new file mode 100644
index 0000000..8c2b0e0
--- /dev/null
+++ b/modeles/sousrubrique.html
@@ -0,0 +1,12 @@
+<div class="modele-sousrubrique-liste">
+<BOUCLE_sousrubriques(RUBRIQUES) {id_rubrique=#ENV{id}}>
+    <BOUCLE_sousarticles(ARTICLES){id_rubrique}>
+    <article>
+        <a class="modele-sousrubrique-bouton bouton-utilise" href="#URL_ARTICLE">
+            [(#LOGO_ARTICLE|image_reduire{48,48})]
+        <span>#SURTITRE<br><span class="modele-rubrique-soustitre">#SOUSTITRE</span></span>
+        </a>
+    </article>
+    </BOUCLE_sousarticles>
+</BOUCLE_sousrubriques>
+</div>