Frise test

Page servant de test pour les frises chronologiques, sera supprimé avant l'ouverture.

<style> /* Réinitialisation basique et style général */ .timeline-wrapper {

 position: relative;
 max-width: 1600px;
 margin: 0 auto;

} .timeline {

 position: relative;
 height: 100px;
 background: #FFFFFF;
 border: 5px solid #000;
 border-radius: 0px;
 margin: 120px 0 220px 0;
 box-shadow: 0 8px 24px rgba(0,0,0,0.18);

} .segment {

 position: absolute;
 top: 0;
 height: 100%;
 cursor: pointer;
 transition: filter 0.2s ease;

} .segment:hover {

 filter: brightness(1.38);

} .tick {

 position: absolute;
 top: -50px;
 transform: translateX(-50%) rotate(-90deg);
 font-weight: bold;
 font-size: 1.18rem;
 color: #000;
 white-space: nowrap;
 text-align: right;

} .tick-extreme {

 top: -120px;

} .event-label {

 position: absolute;
 bottom: -250px;
 width: 450px;
 left: 50%;
 transform: translateX(-50%) rotate(-90deg);
 font-size: 1.08rem;
 font-weight: 600;
 color: #222;
 line-height: 1.4;
 letter-spacing: 0.4px;
 white-space: nowrap;
 text-align: right;

} </style>

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 0%; width: 2%; background: #83e7be;"
      title="Signature du Traité d’El Dorado">
   </a>

     Signature du Traité d’El Dorado

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 16%; width: 2%; background: #ffffff;"
      title="-49 à -35">
   </a>

     -49 à -35

   <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
      style="left: 2%; width: 28%; background: #F59787;"
      title="Bataille du Royaume Céleste">
   </a>

     Bataille du Royaume Céleste

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 4%; width: 2%; background: #FA5050;"
      title="Massacre de la forge">
   </a>

     Massacre de la forge

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 6%; width: 2%; background: #F57C64;"
      title="Invasion de Nocturna">
   </a>

     Invasion de Nocturna

   <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
      style="left: 70%; width: 30%; background: #FA5050;"
      title="Deuxième guerre de l'Abîme">
   </a>

     Deuxième guerre de l'Abîme

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 70%; width: 2%; background: #F59787;"
      title="Bataille de Riddermark">
   </a>

     Bataille de Riddermark

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 92%; width: 2%; background: #F59787;"
      title="Dernier carré de Primordia">
   </a>

     Dernier carré de Primordia

   <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
      style="left: 94%; width: 2%; background: #ffffff;"
      title="-4 à 0">
   </a>

     -4 à 0

An -50

-49

-48

-47

-35

-15

An 0

-4