|
|
| (не показаны 3 промежуточные версии этого же участника) |
| Строка 1: |
Строка 1: |
| <!DOCTYPE html>
| | == Игровой таймлайн == |
| <html>
| |
| <head>
| |
| <style>
| |
| /* Timeline container */
| |
| .timeline {
| |
| border: 1px solid #a2a9b1;
| |
| background-color: #f8f9fa;
| |
| padding: 12px;
| |
| margin: 16px 0;
| |
| font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
| |
| }
| |
|
| |
|
| /* Timeline header */
| | <div class="timeline-container"> |
| .timeline.header {
| | {| class="wikitable" style="width: 100%; background: #1a1a1a; color: #fff; border: 2px solid #4a4a4a; margin: 1em 0;" |
| font-size: 1.2em;
| | ! style="background: #2d2d2d; color: #00bcd4; padding: 15px; font-size: 120%; text-align: left;" colspan="2" | Ancient Era |
| font-weight: bold;
| | |- |
| border-bottom: 1px solid #a2a9b1;
| | | style="width: 100px; color: #00bcd4; padding: 15px; vertical-align: top; border-right: 2px solid #00bcd4;" | Year 0 |
| margin-bottom: 12px;
| | | style="padding: 15px; background: #2d2d2d;" | |
| padding-bottom: 8px;
| | '''The Great Awakening'''<br/> |
| }
| | ''The first conscious beings emerge from the primordial chaos.'' |
| | | |- |
| /* Timeline entry */
| | | style="width: 100px; color: #00bcd4; padding: 15px; vertical-align: top; border-right: 2px solid #00bcd4;" | Year 372 |
| .timeline.entry {
| | | style="padding: 15px; background: #2d2d2d;" | |
| margin: 16px 0;
| | '''Formation of the First Kingdom'''<br/> |
| padding-left: 20px;
| | ''The scattered tribes unite under a single banner.'' |
| position: relative;
| | |- |
| }
| | ! style="background: #2d2d2d; color: #00bcd4; padding: 15px; font-size: 120%; text-align: left;" colspan="2" | Classical Era |
| | | |- |
| /* Entry dot */
| | | style="width: 100px; color: #00bcd4; padding: 15px; vertical-align: top; border-right: 2px solid #00bcd4;" | Year 1000 |
| .timeline.entry::before {
| | | style="padding: 15px; background: #2d2d2d;" | |
| content: "";
| | '''The Age of Magic'''<br/> |
| position: absolute;
| | ''Ancient secrets of arcane power are unlocked.'' |
| left: 0;
| | |- |
| top: 6px;
| | | style="width: 100px; color: #00bcd4; padding: 15px; vertical-align: top; border-right: 2px solid #00bcd4;" | Year 1247 |
| height: 8px;
| | | style="padding: 15px; background: #2d2d2d;" | |
| width: 8px;
| | '''The Great War'''<br/> |
| background: #36c;
| | ''A cataclysmic conflict erupts between magical factions.'' |
| border-radius: 50%;
| | |} |
| }
| |
| | |
| /* Entry date */
| |
| .timeline.date {
| |
| font-weight: bold;
| |
| color: #36c;
| |
| }
| |
| | |
| /* Entry content */
| |
| .timeline.event {
| |
| margin-top: 4px;
| |
| }
| |
| | |
| .timeline.description {
| |
| color: #54595d;
| |
| font-size: 0.95em;
| |
| margin-top: 4px;
| |
| line-height: 1.6;
| |
| }
| |
| | |
| /* Entry dot */
| |
| .timeline.entry::before {
| |
| content: "";
| |
| position: absolute;
| |
| left: 0;
| |
| top: 50%;
| |
| transform: translateY(-50%);
| |
| width: 10px;
| |
| height: 10px;
| |
| background-color: #36c;
| |
| border-radius: 50%;
| |
| }
| |
| | |
| /* Era marker */
| |
| .timeline.era {
| |
| background-color: #eaecf0;
| |
| padding: 8px;
| |
| margin: 16px -12px;
| |
| font-weight: bold;
| |
| color: #202122;
| |
| border-left: 3px solid #36c;
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| | |
| <div class="timeline">
| |
| <div class="timeline header">Game Universe Timeline</div>
| |
|
| |
| <div class="timeline era">Ancient Era</div>
| |
|
| |
| <div class="timeline entry">
| |
| <div class="timeline date">Year 0</div>
| |
| <div class="timeline event">The Great Awakening</div>
| |
| <div class="timeline description">The first conscious beings emerge from the primordial chaos, marking the beginning of recorded history.</div>
| |
| </div>
| |
|
| |
| <div class="timeline entry">
| |
| <div class="timeline date">Year 372</div>
| |
| <div class="timeline event">Formation of the First Kingdom</div>
| |
| <div class="timeline description">The scattered tribes unite under a single banner, establishing the foundations of civilization.</div>
| |
| </div>
| |
|
| |
| <div class="timeline era">Classical Era</div>
| |
|
| |
| <div class="timeline entry">
| |
| <div class="timeline date">Year 1000</div>
| |
| <div class="timeline event">The Age of Magic</div>
| |
| <div class="timeline description">Discovery of arcane arts transforms society, leading to rapid technological and cultural advancement.</div>
| |
| </div>
| |
|
| |
| <div class="timeline entry">
| |
| <div class="timeline date">Year 1247</div>
| |
| <div class="timeline event">The Great War</div>
| |
| <div class="timeline description">A devastating conflict between magical factions reshapes the political landscape.</div>
| |
| </div>
| |
| </div> | | </div> |
|
| |
|
| </body>
| | [[Category:Timeline]] |
| </html>
| | [[Category:Game Lore]] |
