No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
border-radius: 10px 10px 0 0; | border-radius: 10px 10px 0 0; | ||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
/* Removed - width: 100%; */ | |||
.box .box-header { | .box .box-header { | ||
Line 21: | Line 21: | ||
} | } | ||
/*.mp-bordered { | /* .mp-bordered { | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
padding: 0.4em; | padding: 0.4em; | ||
Line 28: | Line 28: | ||
border-color: #ddd; | border-color: #ddd; | ||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
overflow: auto; | overflow: auto; | ||
}*/ | } */ | ||
/* Removed - white-space: nowrap; */ | |||
.container { display: grid; | .container { display: grid; |
Revision as of 15:11, 10 March 2022
/* CSS placed here will be applied to all skins */ .box { display: inline-block; border: 1px solid #d9d9d9; border-radius: 10px 10px 0 0; background-color: #fff; } /* Removed - width: 100%; */ .box .box-header { display: block; clear: both; margin: 0; border-top: 1px solid #fff; border-bottom: 1px solid #d9d9d9; border-radius: 10px 10px 0 0; background-color: #f2f2f2; padding: 8px 20px; overflow: hidden; } /* .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; */ .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr 1fr; gap: 0px 0px; 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; }