Jump to content

User:4erospace/sandbox: Difference between revisions

← Older editNewer edit →
VisualWikitext
m CSS test
Tag: Replaced
m Testing
Line 1: Line 1:
{{Newsticker}}
__NOTOC____NOEDITSECTION____NOTITLE__{{#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: #eaecf0;
  }
 
  .column-div {
    display: flex;
    flex-direction: column;
  }
 
  #welcome-message {
    flex: 50%;
    justify-content: center;
    padding: 0 0 20px 30px;
  }
 
  #welcome-title {
    margin: 2px;
    font-size: 180%;
  }
 
  #welcome-slogan {
    padding-left: 5px;
    margin: -2px;
  }
 
  #total-counter {
    flex: 12%;
    font-size: 80%;
  }
 
  #a-count {
    margin: auto;
    margin-bottom: 0;
  }
 
  #e-count {
    margin: auto;
    margin-top: 0;
  }
 
  #u-count {
    margin: auto;
    margin-top: 0;
  }
 
  #mini-nav-list {
    margin: 15px 0 15px 0;
    font-size: 80%;
    text-align: center;
  }
 
  #first-container {
    display: flex;
    margin-bottom: 20px;
  }
 
  #news-container {
    margin-bottom: 20px;
  }
 
  #featured-article {
    height: 525px;
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
   
    border: solid;
    border-width: 2px;
    border-radius: 10px;
    border-color: #eaecf0;
    overflow-y: auto;
  }
 
  #main-page-nav {
    padding: 0 0 0 10px;
    height: auto;
    width: 50%;
  }
 
  #title-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
 
  #featured-title {
    margin: 0;
  }
 
  #feature-stamp {
    margin-top: 0.9em;
  }
 
  #second-container {
    display: flex;
    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;
  }
 
  #map-title {
    margin: 10px 0 5px 0;
    padding: 5px 10px;
    background-color: #f7f5ed;
   
    border: outset;
    border-width: 3px;
  }
 
  #map-subtitle {
    font-style: italic;
    font-size: 80%;
    margin-bottom: 10px;
  }
 
  @media screen {
html.skin-theme-clientpref-night #welcome-box #featured-article #second-container {
border-color: #404244;
}
   
    html.skin-theme-clientpref-night #second-container {
        background-color: #1a1403;
    }
   
    html.skin-theme-clientpref-night #map-title {
        background-color: #362904;
    }
   
  }
 
  @media screen and (max-width: 1300px) {
    #second-container {
      display: none;
    }
  }
 
  @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;
    }
  }
 
}}
 
<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 id="mini-nav-list"><p>[[Alathra:Wiki Guide|Wiki for beginners]] • [[List of guides]] • [[Shine calendar|Lore calendar]] • [[Contributor portal]] • [[Special:SpecialPages|Special pages]] • [[FAQ]]</p></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="second-container"><h3 id="map-title">Map of the New World</h3><p id="map-subtitle">Click on any continent to get started</p><div id="map">{{Alathra:Map}}</div></div>

Revision as of 07:08, 17 June 2025


Welcome to the Alathra Wiki

the official Alathran encyclopedia

Total articles: 10

Total edits: 2,809

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!

Map of the New World

Click on any continent to get started

Error: Image is invalid or non-existent.

Retrieved from "https://wiki.alathra.com/index.php?title=User:4erospace/sandbox&oldid=2127"