No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Designed for Vector skin */ | |||
/* Hide the Main Page title */ | /* Hide the Main Page title */ | ||
Line 48: | Line 49: | ||
display: grid; | display: grid; | ||
grid-template-areas: | grid-template-areas: | ||
" | "Contents" | ||
" | "FAQ" | ||
"."; | "."; | ||
/* grid-template-columns: repeat(1, 1fr); | /* grid-template-columns: repeat(1, 1fr); |
Revision as of 15:27, 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" "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; } /* Nested Grid Styling */ .Nested { grid-area: Nested; } .NestedR { grid-area: NestedR; } .Nested { display: grid; grid-template-areas: "Featured" "Lore" "."; /* grid-template-columns: repeat(1, 1fr); grid-auto-rows: auto; grid-gap: 1em; */ } .NestedR { display: grid; 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 */