Main Page: Difference between revisions
m CSS test |
m CSS test |
||
Line 1: | Line 1: | ||
__NOTOC____NOEDITSECTION____NOTITLE__{{#css: | __NOTOC____NOEDITSECTION____NOTITLE__{{#css: | ||
#welcome-box { | #welcome-box { | ||
height: 100px; | height: 100px; | ||
Line 37: | Line 38: | ||
#total-counter { | #total-counter { | ||
flex: | flex: 12%; | ||
font-size: 80%; | font-size: 80%; | ||
} | } | ||
#a-count { | #a-count { | ||
margin: | margin: auto; | ||
margin-bottom: 0; | |||
} | } | ||
#e-count { | #e-count { | ||
margin: | margin: auto; | ||
margin-top: 0; | |||
} | } | ||
Line 58: | Line 60: | ||
#first-container { | #first-container { | ||
display: flex; | display: flex; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
} | } | ||
Line 72: | Line 73: | ||
border-radius: 10px; | border-radius: 10px; | ||
border-color: #eaecf0; | border-color: #eaecf0; | ||
overflow-y: auto; | |||
} | } | ||
#main-page-nav { | #main-page-nav { | ||
padding: 0 0 0 15px; | padding: 0 0 0 15px; | ||
margin-left: auto; | |||
height: 525px; | height: 525px; | ||
width: | width: auto; | ||
} | } | ||
Line 99: | Line 102: | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
width: 90%; | |||
margin: auto; | |||
background-color: #f5f1e4; | background-color: #f5f1e4; | ||
Line 106: | Line 111: | ||
border-radius: 10px; | border-radius: 10px; | ||
border-color: #eaecf0; | border-color: #eaecf0; | ||
} | } | ||
Line 127: | Line 128: | ||
} | } | ||
@media screen { | |||
html.skin-theme-clientpref-night #welcome-box #featured-article #second-container { | html.skin-theme-clientpref-night #welcome-box #featured-article #second-container { | ||
border-color: #404244; | border-color: #404244; | ||
Line 140: | Line 141: | ||
} | } | ||
} | |||
@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=]]<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></div></div> | <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></div></div> | ||
<div id="mini-nav-list"><p>[[Wiki for beginners]] • [[List of guides]] • [[Lore calendar]] • [[Contributor portal]] • [[Special:SpecialPages|Special pages]] • [[FAQ]]</p></div> | <div id="mini-nav-list"><p>[[Wiki for beginners]] • [[List of guides]] • [[Lore calendar]] • [[Contributor portal]] • [[Special:SpecialPages|Special pages]] • [[FAQ]]</p></div> | ||