|
|
| (134 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| <style> | | <timeline> |
| .timeline-wrapper {
| | DateFormat = yyyy |
| position: relative;
| | ImageSize = width:1600 height:auto barincrement:25 |
| width: 100%;
| | PlotArea = left:20 right:40 bottom:30 top:25 |
| max-width: 1600px;
| |
| margin: 0 auto;
| |
| }
| |
| .timeline {
| |
| position: relative;
| |
| height: 100px;
| |
| background: #FFFFFF;
| |
| border: 5px solid #000;
| |
| 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>
| |
|
| |
|
| <div class="timeline-wrapper">
| | Colors = |
| <div class="timeline"> | | id:AgeDeLaPlenitude value:magenta |
| | id:LaNouvelleArkadia value:powderblue |
| | id:AgeDesHeros value:brightgreen |
| | id:AgeDeLaRuine value:red |
| | id:lightgrey value:gray(0.9) |
| | id:darkgrey value:gray(0.1) |
| | id:canvas value:rgb(0.97,0.97,0.97) |
| | id:grid1 value:rgb(0.80,0.80,0.80) |
| | id:grid2 value:rgb(0.90,0.90,0.90) |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | Period = from:-2840 till:150 |
| style="left: 0%; width: 2%; background: #83e7be;" title="Signature du Traité d’El Dorado"></a>
| | TimeAxis = orientation:horizontal format:yyyy |
| <div class="event-label" style="left: 1%;">Signature du Traité d’El Dorado</div>
| | ScaleMinor = unit:year increment:50 start:-2840 gridcolor:grid2 |
| | ScaleMajor = unit:year increment:100 start:-2840 gridcolor:grid1 |
| | AlignBars = justify |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | BackgroundColors = canvas:white bars:white |
| style="left: 16%; width: 2%; background: white;" title="-49 à -35"></a>
| |
| <div class="event-label" style="left: 17%;">-49 à -35</div>
| |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
| | BarData= |
| style="left: 2%; width: 28%; background: #F59787;" title="Bataille du Royaume Céleste"></a>
| | bar:Titlebar |
| <div class="event-label" style="left: 16%;">Bataille du Royaume Céleste</div>
| | bar:Ere |
| | bar:Separator |
| | barset:Ev1 |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | PlotData= |
| style="left: 4%; width: 2%; background: #FA5050;" title="Massacre de la forge"></a>
| | width:25 fontsize:S textcolor:black align:center |
| <div class="event-label" style="left: 5%;">Massacre de la forge</div>
| |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | bar:Titlebar color:lightgrey shift:(0,-3) |
| style="left: 6%; width: 2%; background: #F57C64;" title="Invasion de Nocturna"></a>
| | from:start till:end text:"[[Frise des ères]]" |
| <div class="event-label" style="left: 7%;">Invasion de Nocturna</div>
| | width:30 fontsize:S textcolor:black anchor:from align:left |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
| | bar:Ere |
| style="left: 70%; width: 30%; background: #FA5050;" title="Deuxième guerre de l'Abîme"></a>
| | from:-2840 till:-2700 color:AgeDesHeros |
| <div class="event-label" style="left: 85%;">Deuxième guerre de l'Abîme</div>
| | from:-2700 till:-50 color:AgeDeLaRuine |
| | from:-50 till:0 color:AgeDeLaPlenitude |
| | from:0 till:150 color:LaNouvelleArkadia |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | barset:Ev1 |
| style="left: 70%; width: 2%; background: #F59787;" title="Bataille de Riddermark"></a>
| | at:-2840 text:"[https://wiki.gameofarkadia.net/index.php/L%27%C3%A2ge_des_H%C3%A9ros|-2840 à -2700, l'Âge des Héros] |
| <div class="event-label" style="left: 71%;">Bataille de Riddermark</div>
| | at:-2700 text:"[https://wiki.gameofarkadia.net/index.php/Age_de_la_ruine|-2700 à -50 - L'Âge de la Ruine]" |
| | | at:-50 text:"[https://wiki.gameofarkadia.net/index.php/L%27%C3%A2ge_de_La_Pl%C3%A9nitude|-50 à 0 - l'Âge de la Plénitude]" |
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | at:0 text:"[https://wiki.gameofarkadia.net/index.php/Nouvelle_Arkadia|0 à 150 - La Nouvelle Arkadia]" |
| style="left: 92%; width: 2%; background: #F59787;" title="Dernier carré de Primordia"></a>
| | </timeline> |
| <div class="event-label" style="left: 93%;">Dernier carré de Primordia</div>
| |
| | |
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| |
| style="left: 94%; width: 2%; background: white;" title="-4 à 0"></a>
| |
| <div class="event-label" style="left: 95%;">-4 à 0</div>
| |
| | |
| <div class="tick tick-extreme" style="left: 0%;">An -50</div>
| |
| <div class="tick" style="left: 2%;">-49</div>
| |
| <div class="tick" style="left: 4%;">-48</div>
| |
| <div class="tick" style="left: 6%;">-47</div>
| |
| <div class="tick" style="left: 30%;">-35</div>
| |
| <div class="tick" style="left: 70%;">-15</div>
| |
| <div class="tick tick-extreme" style="left: 100%;">An 0</div>
| |
| <div class="tick" style="left: 92%;">-4</div>
| |
| | |
| </div>
| |
| </div> | |
