From aa6db9118d28d15521a6e1a86c9babaa5e0203a1 Mon Sep 17 00:00:00 2001
From: jgenero <jean-damien.genero@ehess.fr>
Date: Sun, 23 Oct 2022 13:51:47 +0200
Subject: [PATCH] timeline colors

---
 app/static/css/chrono.css        | 17 ++++++++++++-----
 app/templates/prince_corpus.html |  8 ++++----
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/app/static/css/chrono.css b/app/static/css/chrono.css
index a6740e0..ea5ee92 100644
--- a/app/static/css/chrono.css
+++ b/app/static/css/chrono.css
@@ -22,10 +22,10 @@
   content: '';
   position: absolute;
   top: 0px;
-  left: calc(33% + 50px);  /*modifier la position de la barre*/
+  left: calc(33% + 40px);  /*modifier la position de la barre*/
   bottom: 0px;
   width: 4px;
-  background: #ddd;
+  background: #05386b; /*modifier la couleur de la barre*/
 }
 .timeline-princier:after {
   content: "";
@@ -51,11 +51,11 @@
   position: absolute;
   width: 8px;
   height: 8px;
-  border: 7px solid salmon; /* modifier la taille des puces */
+  border: 11px solid #28a745; /* modifier la taille des puces */
   background-color: #fff;
   border-radius: 100%;
-  top: 15%; /* modifier la position des puces */
-  right: -42px;
+  top: 5%; /* modifier la position verticale des puces */
+  right: -36px; /* modifier la position horizontale des puces */
   z-index: 99;
 }
 .entry-princier .title-princier h3 {
@@ -90,4 +90,11 @@
 }
 .chrono-p {
   font-size: large;
+}
+.chrono-p > a {
+  color: #5a5a5a;
+}
+.chrono-p > a:hover {
+  color: #28a745;
+  text-decoration: none;
 }
\ No newline at end of file
diff --git a/app/templates/prince_corpus.html b/app/templates/prince_corpus.html
index 13fed27..0c2008b 100644
--- a/app/templates/prince_corpus.html
+++ b/app/templates/prince_corpus.html
@@ -9,14 +9,14 @@
                     <h3>{{id[0]}}</h3>
                     {% if id[3] != 'NS' %}
                         <h5>
-                            <span class="badge badge-pill badge-success">{{id[3]}}</span>
+                            <span class="badge badge-pill badge" style="background-color: #284AA7; color: white;">{{id[3]}}</span>
                         </h5>
                     {% endif %}
-                    <h5><span class="badge badge-pill badge-warning">{{id[5]}}</span></h5>
-                    <h5><span class="badge badge-pill badge-info">{{id[4]}}</span></h5>
+                    <h5><span class="badge badge-pill badge" style="background-color: #A7288A; color: white;">{{id[5]}}</span></h5>
+                    <h5><span class="badge badge-pill badge" style="background-color: #A78528; color: white;">{{id[4]}}</span></h5>
                 </div>
                 <div class="pboly">
-                    <p class="chrono-p"><a href="{{url_for('main.acte', prince=duke_name[0][1], acte_id=id[1])}}">{{id[2]}}.</a></p>
+                    <p class="chrono-p font-weight-bold"><a href="{{url_for('main.acte', prince=duke_name[0][1], acte_id=id[1])}}">{{id[2]}}.</a></p>
                 </div>
             </div>