#mp-topbanner {
background: #f9f9f9;
box-shadow: gray 1px 1px 4px;
padding: 1.75rem 1rem;
justify-content: space-between;
}
#mp-topbanner > div {
text-align: center;
color: #457;
}
#mp-banner-intro {
margin: 0;
font-family: Sans-serif;
}
#mp-banner-intro h2 {
border: none;
margin: 0;
padding: 0;
color: #17b;
font-size: 240%;
font-weight: bold;
font-family: Sans-serif;
line-height: normal;
}
body.skin-timeless #mp-banner-intro h2::after {
display: none;
}
#mp-banner-stats {
display: flex;
flex-direction: column;
justify-content: center;
}
#mp-portals {
display: flex;
flex-wrap: wrap;
}
#mp-portals div {
flex: 1 0 26%;
}
#mp-contentboxes {
margin-top: 1rem;
}
.mp-box-header {
color: gray;
font-size: 1.5rem;
}
@media (min-width: 565px) {
#mp-topbanner {
display: flex;
}
#mp-banner-intro {
margin-left: 4rem;
}
#mp-banner-stats {
margin-right: 0.75rem;
}
}
@media (min-width: 720px) {
#mp-contentboxes {
display: flex;
margin-top: 0;
}
.mp-box {
box-shadow: gray 1px 1px 4px;
margin: 0.75rem 0.5rem;
padding: 1.5rem;
flex: 1;
}
.mp-box-content {
margin: 1rem;
}
}
@media (max-width: 1080px) { /* portrait monitors */
/* Reverse some decisions so things look correct on portrait monitors */
#mp-topbanner + #mp-contentboxes,
#mp-contentboxes + .mp-box {
margin-top: 0.75rem;
}
.mp-box + .mp-box {
margin-left: 0.75rem;
}
.mp-box {
padding: 0.75rem;
margin: 0;
}
.mp-box-content {
margin: 0.75rem;
}
#yuewiki_FPMP .mp-box-content { /* 是日靚畫 */
margin-top: 1.825rem; /* This should be about content snippet margin-top minus 0.75 */
}
div[title="是日靚畫"] table {
display: block;
}
div[title="是日靚畫"] table tr {
display: flex;
flex-direction: column;
}
div[title="是日靚畫"] table tr > td:first-child {
padding-right: unset !important;
order: -2;
}
div[title="是日靚畫"] table tr > td:first-child img {
width: 100%;
height: auto;
}
div[title="是日靚畫"] table tr > td:first-child + td,
div[title="是日靚畫"] table tr > td:first-child + td > p:first-child + p {
display: contents;
}
div[title="是日靚畫"] table tr > td:first-child + td > p > small {
display: block;
}
div[title="是日靚畫"] table tr > td:first-child + td > p > small:first-child { /* photo credits */
order: -1;
}
div[title="是日靚畫"] table tr > td:first-child + td > p:first-child { /* content snippet */
margin-top: 3.5rem;
}
}
@media (max-width: 640px) { /* phones */
/* Reverse more decisions so things look correct on phones */
.mp-box {
padding: 0;
}
}