No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
display: inline-block; | display: inline-block; | ||
border: 1px solid #d9d9d9; | border: 1px solid #d9d9d9; | ||
background-color: #fff; | background-color: #fff; | ||
} | } | ||
/* Removed - width: 100%; */ | /* Removed - width: 100%; border-radius: 10px 10px 0 0; */ | ||
.box .box-header { | .box .box-header { | ||
display: block; | display: block; | ||
clear: both; | clear: both; | ||
| Line 24: | Line 19: | ||
} | } | ||
/*Removed - border-radius: 10px 10px 0 0; */ | /*Removed - border-radius: 10px 10px 0 0; */ | ||
.box-header { | |||
text-align: right; | |||
font-size: 120%; | |||
font-weight: bold; | |||
font-family: inherit; | |||
} | |||
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { | body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { | ||
Revision as of 16:16, 10 March 2022
/* CSS placed here will be applied to all skins */
.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-top: 1px solid #fff;
border-bottom: 1px solid #d9d9d9;
background-color: #f2f2f2;
padding: 8px 20px;
overflow: hidden;
}
/*Removed - border-radius: 10px 10px 0 0; */
.box-header {
text-align: right;
font-size: 120%;
font-weight: bold;
font-family: inherit;
}
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading {
display: none;
}
.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: 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; }