MediaWiki:Common.css: Difference between revisions
B4ttl3m4st3r (talk | contribs) No edit summary |
B4ttl3m4st3r (talk | contribs) No edit summary |
||
(4 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/ | 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/ | url('https://cdn.fhxrestoration.com/todo/images/figuresTODO/archer2.gif') bottom +0px right 0px/auto 600px no-repeat, | ||
#FFF | #FFF | ||
} | } | ||
Line 33: | Line 33: | ||
#editcopylink { | #editcopylink { | ||
background: rgba(255, 255, 255, 0.85) | 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 -------- **/ | /** -------- 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 -------- **/