|
|
| (135 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| Page servant de test pour les frises chronologiques, sera supprimé avant l'ouverture.
| | <timeline> |
| | DateFormat = yyyy |
| | ImageSize = width:1600 height:auto barincrement:25 |
| | PlotArea = left:20 right:40 bottom:30 top:25 |
|
| |
|
| | Colors = |
| | 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) |
|
| |
|
| <!-- Template:TimelinePlenitude -->
| | Period = from:-2840 till:150 |
| | TimeAxis = orientation:horizontal format:yyyy |
| | ScaleMinor = unit:year increment:50 start:-2840 gridcolor:grid2 |
| | ScaleMajor = unit:year increment:100 start:-2840 gridcolor:grid1 |
| | AlignBars = justify |
|
| |
|
| <style>
| | BackgroundColors = canvas:white bars:white |
| /* 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>
| |
|
| |
|
| <div class="timeline-wrapper">
| | BarData= |
| <div class="timeline"> | | bar:Titlebar |
| | bar:Ere |
| | bar:Separator |
| | barset:Ev1 |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | PlotData= |
| style="left: 0%; width: 2%; background: #83e7be;"
| | width:25 fontsize:S textcolor:black align:center |
| title="Signature du Traité d’El Dorado">
| |
| </a>
| |
| <div class="event-label" style="left: 1%;">
| |
| Signature du Traité d’El Dorado
| |
| </div>
| |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | bar:Titlebar color:lightgrey shift:(0,-3) |
| style="left: 16%; width: 2%; background: #ffffff;"
| | from:start till:end text:"[[Frise des ères]]" |
| title="-49 à -35">
| | width:30 fontsize:S textcolor:black anchor:from align:left |
| </a>
| |
| <div class="event-label" style="left: 17%;">
| |
| -49 à -35
| |
| </div>
| |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Guerre" target="_blank" class="segment"
| | bar:Ere |
| style="left: 2%; width: 28%; background: #F59787;"
| | from:-2840 till:-2700 color:AgeDesHeros |
| title="Bataille du Royaume Céleste">
| | from:-2700 till:-50 color:AgeDeLaRuine |
| </a>
| | from:-50 till:0 color:AgeDeLaPlenitude |
| <div class="event-label" style="left: 16%;">
| | from:0 till:150 color:LaNouvelleArkadia |
| Bataille du Royaume Céleste
| |
| </div>
| |
|
| |
|
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| | barset:Ev1 |
| style="left: 4%; width: 2%; background: #FA5050;"
| | at:-2840 text:"[https://wiki.gameofarkadia.net/index.php/L%27%C3%A2ge_des_H%C3%A9ros|-2840 à -2700, l'Âge des Héros] |
| title="Massacre de la forge">
| | at:-2700 text:"[https://wiki.gameofarkadia.net/index.php/Age_de_la_ruine|-2700 à -50 - L'Âge de la Ruine]" |
| </a>
| | 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]" |
| <div class="event-label" style="left: 5%;">
| | at:0 text:"[https://wiki.gameofarkadia.net/index.php/Nouvelle_Arkadia|0 à 150 - La Nouvelle Arkadia]" |
| Massacre de la forge
| | </timeline> |
| </div>
| |
| | |
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| |
| style="left: 6%; width: 2%; background: #F57C64;"
| |
| title="Invasion de Nocturna">
| |
| </a>
| |
| <div class="event-label" style="left: 7%;">
| |
| Invasion de Nocturna
| |
| </div>
| |
| | |
| <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>
| |
| <div class="event-label" style="left: 85%;">
| |
| Deuxième guerre de l'Abîme
| |
| </div>
| |
| | |
| <a href="https://fr.wikipedia.org/wiki/Arkadia" target="_blank" class="segment"
| |
| style="left: 70%; width: 2%; background: #F59787;"
| |
| title="Bataille de Riddermark">
| |
| </a>
| |
| <div class="event-label" style="left: 71%;">
| |
| Bataille de Riddermark
| |
| </div>
| |
| | |
| <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>
| |
| <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: #ffffff;"
| |
| 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> | |