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; | ||
width: 100%; | //width: 100%; | ||
} | } | ||
Line 21: | Line 21: | ||
} | } | ||
.mp-bordered { | /*.mp-bordered { | ||
margin-bottom: 0.4em; | margin-bottom: 0.4em; | ||
padding: 0.4em; | padding: 0.4em; | ||
Line 30: | Line 30: | ||
/*white-space: nowrap;*/ | /*white-space: nowrap;*/ | ||
overflow: auto; | overflow: auto; | ||
}*/ | |||
.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; } |
Revision as of 15:07, 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; //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; /*white-space: nowrap;*/ overflow: auto; }*/ .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; }