MediaWiki:Common.css: Difference between revisions

From FHX Wiki
No edit summary
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 13: Line 13:
   overflow-x: hidden;
   overflow-x: hidden;
   background:
   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/wizard5_sstone.png') top +50px left 0px/auto 600px no-repeat,  
     url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/archer2.gif') bottom +0px right -375px/auto 600px no-repeat,
     url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/archer2.gif') bottom +0px right 0px/auto 600px no-repeat,
     #FFF
     #FFF
}
}
Line 41: Line 41:


.mainpage-cell-wrapper {
.mainpage-cell-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
Line 56: Line 52:
   margin: 0.5em 0em 0em 0.5em;
   margin: 0.5em 0em 0em 0.5em;
   padding: 0.5em;
   padding: 0.5em;
   width: 21em;
   width: 17em;
   border: 1px solid rgba(172, 121, 105, 0.5);
   border: 1px solid rgba(172, 121, 105, 0.5);
   box-sizing: border-box
   box-sizing: border-box
Line 62: Line 58:


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



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