MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Adjusting spacing for Nav Buttons GUI |
m smaller buttons for NavButtons |
||
| Line 3: | Line 3: | ||
.navcell { | .navcell { | ||
margin: 1.5em 0; | margin: 1.5em 0; | ||
max-width: | max-width: 380px; /* slightly tighter column */ | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
| Line 12: | Line 12: | ||
.nav-grid { | .nav-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: | grid-template-columns: 70px 70px 70px; /* smaller directional buttons */ | ||
grid-template-rows: | grid-template-rows: 70px 70px 70px; /* smaller directional buttons */ | ||
gap: | gap: 8px; | ||
justify-content: center; | justify-content: center; | ||
margin: 1em 0; | margin: 1em 0; | ||
| Line 23: | Line 23: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
text-align: center; | text-align: center; | ||
padding: | padding: 4px; /* smaller padding */ | ||
background: #222; | background: #222; | ||
border: 1px solid #444; | border: 1px solid #444; | ||
border-radius: | border-radius: 6px; | ||
font-size: 0. | font-size: 0.72em; /* slightly smaller font */ | ||
line-height: 1. | line-height: 1.15em; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
color: #eee !important; | color: #eee !important; | ||
| Line 49: | Line 49: | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 10px; | ||
margin: 0. | margin: 0.6em 0 1.1em 0; | ||
} | } | ||
.nav-vertical { | .nav-vertical { | ||
min-width: | min-width: 95px; /* trimmed horizontally */ | ||
min-height: | min-height: 38px; /* visually balanced height */ | ||
} | } | ||
| Line 66: | Line 66: | ||
height: 100%; | height: 100%; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
} | } | ||
Revision as of 21:28, 3 December 2025
/* SK navigation cells */
.navcell {
margin: 1.5em 0;
max-width: 380px; /* slightly tighter column */
margin-left: auto;
margin-right: auto;
}
/* 3×3 compass grid */
.nav-grid {
display: grid;
grid-template-columns: 70px 70px 70px; /* smaller directional buttons */
grid-template-rows: 70px 70px 70px; /* smaller directional buttons */
gap: 8px;
justify-content: center;
margin: 1em 0;
}
.nav-btn {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 4px; /* smaller padding */
background: #222;
border: 1px solid #444;
border-radius: 6px;
font-size: 0.72em; /* slightly smaller font */
line-height: 1.15em;
text-decoration: none !important;
color: #eee !important;
}
.nav-btn:hover {
background: #333;
border-color: #777;
}
.nav-empty {
background: transparent;
border: none;
}
/* Up / Down row */
.nav-vertical-row {
display: flex;
justify-content: center;
gap: 10px;
margin: 0.6em 0 1.1em 0;
}
.nav-vertical {
min-width: 95px; /* trimmed horizontally */
min-height: 38px; /* visually balanced height */
}
/* Make link fill button */
.nav-btn a {
text-decoration: none !important;
color: inherit !important;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}