MediaWiki:Common.less/mainpage.less
Jump to navigation
Jump to search
/* ======================
Main Page
====================== */
body.page-Main_Page {
// limit max width for readability
// don't use #mw-content-text because it includes the editform
.mw-parser-output {
max-width: 75em;
margin: 0 auto;
}
// not when editing
&.action-view {
.catlinks,
#contentSub,
// hide pagetitle in favor of .mainpage-header
#firstHeading,
// anything listed in the sitenotice should already be on the main page
#siteNotice {
display: none;
}
}
}
/* --------------
grid
-------------- */
.mp-grid {
display: grid;
grid-gap: .8em;
grid-template-columns: 1fr, 1fr;
grid-template-areas:
"vote vote"
"head head"
"yg old"
"wikis wikis"
"foot foot";
}
/* --------------
header
-------------- */
.mp-header {
display: flex;
align-items: center;
grid-area: head;
padding: 1.75em 1.5em;
background: @black-haze;
border: 1px solid @mystic;
h1 {
border: none;
font-weight: bold;
margin: 0;
padding: 0;
}
&.section-vote {
grid-area: vote;
color: @black-haze;
background: @shuttle-gray;
border-color: @river-bed;
h1 {
color: white;
}
a {
color: @mystic;
font-weight: bold;
}
}
@media screen and (max-width: 800px) {
display: initial;
}
}
.mp-header-left {
flex: 3;
padding-right: 1em;
}
.mp-header-right {
flex: 2;
text-align: right;
ul {
display: flex;
justify-content: flex-end;
font-weight: bold;
list-style: none;
margin: 0;
@media screen and (max-width: 800px) {
justify-content: flex-start;
}
}
li + li {
margin-left: 1.5em;
}
@media screen and (max-width: 800px) {
margin-top: 1em;
text-align: inherit;
}
}
/* --------------
sections
-------------- */
.mp-section {
border: 1px solid @mystic;
padding: 1.5em;
h2 {
border: none;
font-weight: bold;
margin: 0 0 .5em;
padding: 0;
}
}
.section-yewgrove {
grid-area: yg;
}
.section-archive {
grid-area: old;
}
.section-yewgrove,
.section-archive {
display: flex;
flex-direction: column;
ul {
flex: 1;
}
.see-more {
text-align: right;
margin-bottom: 0;
}
}
.section-wikis {
grid-area: wikis;
display: grid;
grid-gap: .8em;
grid-template-columns: repeat(4, 1fr);
.mp-section {
padding: .75em 1em;
h2 {
font-size: 1.3em;
margin-bottom: .25em;
}
}
}
/* --------------
footer
-------------- */
.mp-footer {
grid-area: foot;
font-size: .9em;
padding: 1em;
text-align: center;
}
.mw-warning-with-logexcerpt {
display: none;
}