MediaWiki:Common.css: Difference between revisions
From MalveraWiki
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
font-family: 'Inconsolata', monospace; | font-family: 'Inconsolata', monospace; | ||
} | } | ||
.menu-grid { | .menu-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fit, minmax( | grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); | ||
gap: | gap: 0.5rem; | ||
justify-items: center; | justify-items: center; | ||
} | } | ||
| Line 33: | Line 16: | ||
background: var(--box-bg, rgba(24, 18, 61, 0.85)); | background: var(--box-bg, rgba(24, 18, 61, 0.85)); | ||
border: 1px solid var(--border-color, rgba(255,255,255,0.15)); | border: 1px solid var(--border-color, rgba(255,255,255,0.15)); | ||
padding: | padding: 0.6rem; | ||
text-align: center; | text-align: center; | ||
border-radius: | border-radius: 6px; | ||
transition: transform 0. | transition: transform 0.15s ease, box-shadow 0.15s ease; | ||
} | } | ||
.menu-item img { | .menu-item img { | ||
max-width: | max-width: 48px; | ||
height: auto; | height: auto; | ||
margin: 0 auto 0.3rem; | |||
margin: 0 auto 0. | |||
} | } | ||
.menu-item a { | .menu-item a { | ||
font-size: 16px; | |||
font-size: | |||
} | } | ||
Revision as of 00:55, 11 July 2025
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Inconsolata&display=swap');
body {
background: url('https://i.imgur.com/n94IzKR.png') no-repeat center center fixed;
background-size: cover;
font-family: 'Inconsolata', monospace;
}
.menu-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 0.5rem;
justify-items: center;
}
.menu-item {
background: var(--box-bg, rgba(24, 18, 61, 0.85));
border: 1px solid var(--border-color, rgba(255,255,255,0.15));
padding: 0.6rem;
text-align: center;
border-radius: 6px;
transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.menu-item img {
max-width: 48px;
height: auto;
margin: 0 auto 0.3rem;
}
.menu-item a {
font-size: 16px;
}
