timeline colors

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 */
+  top: 5%; /* modifier la position verticale des puces */
-  right: -42px;
+  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;
 }

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" style="background-color: #A7288A; color: white;">{{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: #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>