Jump to content

Main Page: Difference between revisions

← Older edit
VisualWikitext
Undo revision 1421 by 4erospace (talk)
Tag: Undo
m Border color change
 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
__NOTOC____NOEDITSECTION____NOTITLE__{{#css:
__NOTOC____NOEDITSECTION____NOTITLE__<!-- Some CSS elements have been lifted to MediaWiki:Common.css to pass variable color values -->{{#css:
  #welcome-box {
    height: 100px;
    width: auto;
   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 30px;
   
    border: solid;
    border-width: 2px;
    border-radius: 10px;
    border-color: #c8ccd1;
  }
    
    
  .column-div {
    display: flex;
    flex-direction: column;
  }
  #welcome-message {
    flex: 50%;
    justify-content: center;
    padding: 0 0 20px 30px;
  }
    
    
<!-- This makes sure applying borders doesn't increase div size (mess things up) -->
  #welcome-title {
  div {
    margin: 2px;
     box-sizing: border-box;
     font-size: 180%;
   }
   }
 
 
<!-- STYLING ELEMENTS (INCLUDING DARK MODE VERSIONS) -->
   #welcome-slogan {
   .background-basic {
     padding-left: 5px;
     background-color: #f7faeb;
     margin: -2px;
     color: #000;
   }
   }
 
 
   @media screen {
   #total-counter {
html.skin-theme-clientpref-night .background-basic {
    flex: 12%;
background-color: #383838;
    font-size: 80%;
color: #ace;
}
   }
   }
 
 
   .center-text {
   #a-count {
     text-align: center;
     margin: auto;
    margin-bottom: 0;
   }
   }
    
    
   .header {
   #e-count {
     font-weight: bold;
     margin: auto;
     font-size: 120%;
     margin-top: 0;
    padding: 2px 2px 2px 2px;
   }
   }
    
    
   .border-basic {
   #u-count {
     border: solid;
     margin: auto;
     border-width: 2px;
     margin-top: 0;
    border-color: #dbed98;
   }
   }
    
    
   .round-border {
   #mini-nav-list {
     border-radius: 5px;
     margin: 15px 0 15px 0;
    font-size: 80%;
    text-align: center;
   }
   }
    
    
   .grid-container {
   #first-container {
     display: flex;
     display: flex;
     justify-content: space-between;
     margin-bottom: 20px;
  }
 
  #news-container {
    margin-bottom: 20px;
   }
   }
    
    
   .column-grid {
   #featured-article {
     flex-direction: column;
     height: 525px;
     flex-basis: 55%;
    width: 50%;
     height: 620px;
    padding-left: 20px;
     padding-right: 20px;
   
    border: solid;
    border-width: 2px;
    border-radius: 10px;
     border-color: #c8ccd1;
    overflow-y: auto
   }
   }
    
    
   #getting-started {
   #main-page-nav {
     flex-basis: 45%;
     padding: 0 0 0 10px;
     height: 600px;
     height: auto;
     overflow-y: auto;
     width: 50%;
   }
   }
    
    
   #continent-map {
   #title-box {
     flex-basis: 55%;
    display: flex;
     height: 600px;
     flex-direction: row;
     justify-content: space-between;
   }
   }
    
    
   #navigation {
   #featured-title {
     flex-basis: 100%;
     margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 340px;
   }
   }
    
    
   #featured-article, #current-events {
   #feature-stamp {
     padding: 2px 2px 2px 2px;
     margin-top: 0.9em;
    flex: 0 0 55%;
    height: 400px;
   }
   }
    
    
   #central-timeline {
   #second-container {
     flex-basis: 45%;
    display: flex;
     height: 800px;
     flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 90%;
     margin: auto;
   
    background-color: #f5f1e4;
   
    border: solid;
    border-width: 2px;
    border-radius: 10px;
    border-color: #eaecf0;
   }
   }
    
    
   #lore-date {
   #map-title {
     width: 570px;
     margin: 10px 0 5px 0;
     margin-bottom: 15px;
    padding: 5px 10px;
     margin-left: auto;
     background-color: #f7f5ed;
     margin-right: auto;
      
    border: outset;
     border-width: 3px;
   }
   }
    
    
   #category-header {
   #map-subtitle {
     text-align: center;
     font-style: italic;
     font-size: 95%;
     font-size: 80%;
    margin-bottom: 10px;
   }
   }
    
    
   @media screen and (max-width: 850px) {
   @media screen {
  .grid-container {
html.skin-theme-clientpref-night #welcome-box, html.skin-theme-clientpref-night #featured-article, html.skin-theme-clientpref-night #second-container {
     flex-direction: column; /* The width is 100%, when the viewport is 850px or smaller */
border-color: #27292d;
}
   
    html.skin-theme-clientpref-night #second-container {
        background-color: #1a1403;
     }
   
    html.skin-theme-clientpref-night #map-title {
        background-color: #362904;
     }
     }
  #map {
      
     display: none;
   }
   }
   #lore-date {
    
    width: 100%;
  @media screen and (max-width: 1300px) {
     margin-bottom: 15px;
     #second-container {
    margin-left: auto;
      display: none;
     margin-right: auto;
     }
   }
   }
  @media screen and (max-width: 900px) {
    #first-container, #welcome-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
      padding: 0;
     
      border: none;
    }
   
    #welcome-message {
      padding: 0;
      text-align: center;
    }
   
    #featured-article {
      width: auto;
      height: auto;
      margin-bottom: 50px;
     
      border: none;
    }
   
    #main-page-nav {
      padding: 0;
      width: auto;
      margin: auto;
    }
   
    #total-counter {
      display: none;
    }
   
    .respimage {
      display: none;
    }
   }
   }
 
}}
}}
<!-- Flexbox container for the main page elements -->
<div id="welcome-box">[[File:Alathra Icon 128.png|link=|class=respimage]]<div id="welcome-message" class="column-div"><h3 id="welcome-title">Welcome to the Alathra Wiki</h3><p id="welcome-slogan">the official Alathran encyclopedia</p></div><div id="total-counter" class="column-div"><p id="a-count">'''Total articles:''' {{NUMBEROFARTICLES}}</p><p id="e-count">'''Total edits:''' {{NUMBEROFEDITS}}</p><p id="u-count">'''Active users:''' {{NUMBEROFACTIVEUSERS}}</p></div></div>
<div class="grid-container" style="padding-bottom: 20px;">
<div id="mini-nav-list"><p>[[Alathra:Wiki Guide|Wiki for beginners]] • [[List of guides]] • [[Alathra:Under Work|Lore calendar]] • [[Contributor portal]] • [[Special:SpecialPages|Special pages]] • [[FAQ]]</p></div>
<div id="getting-started">{{Alathra:Getting started}}</div>
<div id="news-container">{{Newsticker}}</div>
 
<div id="first-container"><div id="featured-article"><div id="title-box"><h3 id="feature-title">Featured article</h3><div id="feature-stamp">[[File:Quality_imagesX10.svg|25px|link=Alathra:Featured article]]</div></div><hr style="width: auto; margin: 0;">{{Alathra:Featured article}}</div><div id="main-page-nav">{{Alathra:Navigation}}</div></div>
<div id="continent-map"><div id="lore-date" class="center-text background-basic border-basic" style="">Current lore date: '''{{SHINECALENDAR}}'''</div><div id="map" class="center-text">{{Alathra:Map}}</div></div>
</div>
<h3 id="category-header">scover the world of Alathra through these categories:</h3>
<div class="grid-container" style="padding-bottom: 40px;">
<div id="navigation">{{Alathra:Navigation}}</div>
</div>
 
<div class="grid-container">
<div class="grid-container column-grid">
<div id="featured-article" class="background-basic border-basic"><div class="header">Featured article</div>{{Alathra:Featured article}}</div>
<div id="current-events">{{Alathra:General Content}}</div>
</div>
<div id="central-timeline">{{Alathra:Central timeline}}</div>
</div>

Latest revision as of 22:23, 1 July 2025

Welcome to the Alathra Wiki

the official Alathran encyclopedia

Total articles: 11

Total edits: 2,387

Active users: 9

Server map not even live, yet "already 78% claimed," say notable cartographers    ShermansWorld addresses Movecraft cancellation: "Our ships may be static, but our commitment to lag-free gameplay moves at full sail"    Moderation confirms player banned for flyhacking did indeed not have lore-approved flight abilities    Google Docs reports 26% increased usage over last two weeks due to Alathra lore writers   

Server map not even live, yet "already 78% claimed," say notable cartographers    ShermansWorld addresses Movecraft cancellation: "Our ships may be static, but our commitment to lag-free gameplay moves at full sail"    Moderation confirms player banned for flyhacking did indeed not have lore-approved flight abilities    Google Docs reports 26% increased usage over last two weeks due to Alathra lore writers   

Featured article

Currently no articles to feature!
Retrieved from "https://wiki.alathra.com/index.php?title=Main_Page&oldid=2549"