No edit summary |
No edit summary |
||
| Line 35: | Line 35: | ||
.Nested { | .Nested { | ||
display: grid; | display: grid; | ||
grid-auto-rows: min-content; | |||
grid-template-areas: | grid-template-areas: | ||
"Featured" | "Featured" | ||
| Line 40: | Line 41: | ||
"."; | "."; | ||
/* grid-template-columns: repeat(1, 1fr); | /* grid-template-columns: repeat(1, 1fr); | ||
grid-gap: 1em; */ | grid-gap: 1em; */ | ||
} | } | ||
| Line 46: | Line 46: | ||
.NestedR { | .NestedR { | ||
display: grid; | display: grid; | ||
grid-auto-rows: min-content; | |||
grid-template-areas: | grid-template-areas: | ||
"Contents" | "Contents" | ||
Revision as of 15:49, 11 March 2022
/* CSS placed here will be applied to all skins */
/* Designed for Vector skin */
/* 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"
"Nested NestedR"
"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; }
/* Nested Grid Styling */
.Nested { grid-area: Nested; }
.NestedR { grid-area: NestedR; }
.Nested {
display: grid;
grid-auto-rows: min-content;
grid-template-areas:
"Featured"
"Lore"
".";
/* grid-template-columns: repeat(1, 1fr);
grid-gap: 1em; */
}
.NestedR {
display: grid;
grid-auto-rows: min-content;
grid-template-areas:
"Contents"
"FAQ"
".";
/* grid-template-columns: repeat(1, 1fr);
grid-auto-rows: auto;
grid-gap: 1em; */
}
/* 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 */