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

.ext_background1 {
  background-image: url('https://cdn.fhxrestoration.com/todo/images/backgrounds/mainbg_portal.jpg');
  max-width: 679px;
  max-height: 279px;
  color: #ffd57a;
}

/** -------- Main Page -------- **/

.mainpage-background-wrapper {
  overflow-x: hidden;
  background:
    url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/wizard5_sstone.png') top +50px left -30px/auto 600px no-repeat, 
    url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/archer2.gif') bottom +0px right -375px/auto 600px no-repeat,
    #FFF
}

.mainpage-banner > p {
  font-family: EasonPro, Helvetica, Arial, sans-serif;
  font-size: 1.8375em;
  text-align: center
}

.mainpage-banner > p > span {
  position: relative;
  bottom: 2px
}

.mainpage-banner,
.mainpage-cell,
#editcopylink {
  background: rgba(255, 255, 255, 0.85)
}

#mainpage-content {
  font-family: CronosPro, Arial, Helvetica, sans-serif;
  font-size: 1.225em
}

.mainpage-cell-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 96em;
  margin: 0 auto;
  padding-right: 0.5em
}

.mainpage-cell {
  margin: 0.5em 0em 0em 0.5em;
  padding: 0.5em;
  width: 21em;
  border: 1px solid rgba(172, 121, 105, 0.5);
  box-sizing: border-box
}

.mainpage-cell.mainpage-cell-double {
  width: 42.5em
}

.mainpage-cell h2 {
  line-height: 1.5em;
  font-size: 1.75em;
  margin: 0em 0em 0.5em
}

.mainpage-cell a {
  white-space: nowrap
}

.mainpage-cell a.external {
  white-space: normal
}

.mainpage-cell dl {
  margin-top: 0;
  margin-bottom: 0
}

.mainpage-featured-images {
  overflow-x: hidden
}

@media only screen and (max-width:70em) {
  .mainpage-background-wrapper {
    background: url(/images/8/84/Main_page_background_left_%28Secrets_of_the_Obscure%29.png) top +50px left -30px/auto 600px no-repeat, #FFF
  }
}

@media only screen and (max-width:54.5em) {
  .mainpage-featured-images {
    display: none
  }

  .mainpage-cell,
  .mainpage-cell:first-of-type {
    width: 100%
  }
}

/** -------- Other -------- **/