MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) No edit summary |
Added mp-card (main page card) classes |
||
| Line 33: | Line 33: | ||
.mobileHide, .mobile-only, .no-desktop { display: none; } | .mobileHide, .mobile-only, .no-desktop { display: none; } | ||
/* Main page cards */ | |||
.mp-card-container { | |||
display: flex; | |||
flex-wrap: wrap; | |||
align-items: center; | |||
justify-content: center; | |||
gap: 0.5rem | |||
} | |||
.mp-card { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
background-color: var(--theme-color-1); | |||
border-radius: 8px; | |||
width: 7rem; | |||
height: 8.5rem; | |||
.skin-theme-clientpref-night & { | |||
background-color: var(--theme-color-2); | |||
} | |||
} | |||
.mp-card-text { | |||
text-align: center; | |||
background: var(--theme-accent-color); | |||
border-radius: 6px; | |||
padding: 0 0.25rem; | |||
width: 5.5rem | |||
} | |||
.mp-card:hover { | |||
background: var(--theme-color-3); | |||
.mp-card-text { | |||
background: var(--theme-accent-color) | |||
} | |||
} | |||
.mp-card-text a { | |||
color: var(--page-text-color); | |||
.skin-theme-clientpref-night & { | |||
color: var(--page-background-color) | |||
} | |||
&:hover { | |||
text-decoration: none | |||
} | |||
} | |||
.mp-card-icon img { | |||
justify-self: center; | |||
width: 6rem; | |||
height: 6rem | |||
} | |||