MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* 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 Buttons */ | ||
.nav-pill { | .nav-pill { | ||
display: inline-block; | display: inline-block; | ||
width: 150px; | width: 150px; | ||
height: 150px; | height: 150px; | ||
margin: 10px; | margin: 10px; | ||
text-align: center; | text-align: center; | ||
vertical-align: middle; | vertical-align: middle; | ||
line-height: 150px; | line-height: 150px; | ||
font-weight: bold; | font-weight: bold; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
Revision as of 08:55, 16 November 2025
/* 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);
}