MediaWiki:Common.css
MediaWiki interface page
More actions
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Nav Pills Container */
.nav-pill-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/* Each row of nav pills */
.nav-pill-row {
display: flex;
justify-content: center;
margin-bottom: 20px; /* space between rows */
}
/* Nav Pill Buttons */
.nav-pill {
display: inline-block;
width: 150px;
height: 150px;
margin: 10px;
text-align: center;
vertical-align: middle;
line-height: 150px;
font-weight: bold;
font-size: 1.1em;
color: white;
text-decoration: none;
background-size: cover;
background-position: center;
border-radius: 10px;
transition: transform 0.3s ease, filter 0.3s ease;
}
/* Hover effects */
.nav-pill:hover {
transform: scale(1.1);
filter: brightness(1.2);
}