MediaWiki:Common.css: Difference between revisions

From FHX Wiki
No edit summary
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


.ext_background {
.ext_background1 {
   background-image: url('https://cdn.fhxrestoration.com/common/interface/icons/quest_done.gif');
   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 0px/auto 600px no-repeat,
    url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/archer2.gif') bottom +0px right 0px/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: 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: 17em;
  border: 1px solid rgba(172, 121, 105, 0.5);
  box-sizing: border-box
}
.mainpage-cell.mainpage-cell-double {
  width: 34.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 -------- **/

Latest revision as of 12:20, 21 June 2024

/* 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 0px/auto 600px no-repeat, 
    url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/archer2.gif') bottom +0px right 0px/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: 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: 17em;
  border: 1px solid rgba(172, 121, 105, 0.5);
  box-sizing: border-box
}

.mainpage-cell.mainpage-cell-double {
  width: 34.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 -------- **/