MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* 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"
    "Nested Contents"
    "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; }

.Nested {
  display: grid;
  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 */