No edit summary |
No edit summary |
||
| Line 17: | Line 17: | ||
"Featured Contents" | "Featured Contents" | ||
"Lore FAQ" | "Lore FAQ" | ||
"Misc Misc" | |||
". ."; | ". ."; | ||
} | } | ||
| Line 26: | Line 27: | ||
.Lore { grid-area: Lore; } | .Lore { grid-area: Lore; } | ||
.FAQ { grid-area: FAQ; } | .FAQ { grid-area: FAQ; } | ||
.Misc { grid-area: Misc; } | |||
/* Main Page Disclaimer styling */ | /* Main Page Disclaimer styling */ | ||
Revision as of 22:00, 10 March 2022
/* CSS placed here will be applied to all skins */
/* Hide the Main Page title */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading {
display: none;
}
/* Main Page Grid */
.container { display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
gap: 0.8em 0.8em;
grid-auto-flow: row;
grid-template-areas:
"Banner Banner"
"Intro Intro"
"Featured Contents"
"Lore FAQ"
"Misc Misc"
". .";
}
.Banner { grid-area: Banner; }
.Intro { grid-area: Intro; }
.Featured { grid-area: Featured; }
.Contents { grid-area: Contents; }
.Lore { grid-area: Lore; }
.FAQ { grid-area: FAQ; }
.Misc { grid-area: Misc; }
/* Main Page Disclaimer styling */
.mp-bordered {
margin-bottom: 0.4em;
padding: 0.4em;
border-width: 1px;
border-style: solid;
border-color: #ddd;
background-color: #f9f9f9;
overflow: auto;
}
/* Removed - white-space: nowrap; */
/* START - Styling the Main Page content boxes */
.box {
display: inline-block;
border: 1px solid #d9d9d9;
background-color: #fff;
}
/* Removed - width: 100%; border-radius: 10px 10px 0 0; */
.box .box-header {
display: block;
clear: both;
margin: 0;
border-bottom: 1px solid #d9d9d9;
background-color: #f2f2f2;
padding: 8px 20px;
overflow: hidden;
}
/* Removed - border-radius: 10px 10px 0 0; border-top: 1px solid #fff; */
.box-header {
text-align: right;
font-size: 120%;
font-weight: bold;
font-family: inherit;
margin: 0.5em;
}
.box-content {
margin: 0.5em;
padding-top: 0.1em;
padding-right: 0.6em;
padding-bottom: 0.1em;
padding-left: 0.6em;
}
/* END */