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 */ | ||
/* 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" | |||
". ."; | |||
} | |||
.Banner { grid-area: Banner; } | |||
.Intro { grid-area: Intro; } | |||
.Featured { grid-area: Featured; } | |||
.Contents { grid-area: Contents; } | |||
.Lore { grid-area: Lore; } | |||
.FAQ { grid-area: FAQ; } | |||
/* 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 { | .box { | ||
Line 35: | Line 75: | ||
} | } | ||
/* END */ | |||
/* | |||
Revision as of 21:45, 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" ". ."; } .Banner { grid-area: Banner; } .Intro { grid-area: Intro; } .Featured { grid-area: Featured; } .Contents { grid-area: Contents; } .Lore { grid-area: Lore; } .FAQ { grid-area: FAQ; } /* 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 */