MediaWiki:Common.css: Difference between revisions
B4ttl3m4st3r (talk | contribs) No edit summary |
B4ttl3m4st3r (talk | contribs) No edit summary |
||
Line 41: | Line 41: | ||
.mainpage-cell-wrapper { | .mainpage-cell-wrapper { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; |
Revision as of 07:07, 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: 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 -------- **/