MediaWiki:Common.css

MediaWiki interface page
Revision as of 15:08, 10 March 2022 by WikiSysop (talk | contribs)

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 */

.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; }