MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* ---------- DULL CATEGORY BUTTONS WITH OVERLAY | /* ---------- DULL CATEGORY BUTTONS WITH ALWAYS-VISIBLE OVERLAY ---------- */ | ||
.cat-button { | .cat-button { | ||
position: relative; | position: relative; | ||
| Line 7: | Line 7: | ||
text-align: center; | text-align: center; | ||
text-decoration: none; | text-decoration: none; | ||
box-shadow: 0 2px 6px rgba(0,0,0,0.08); | box-shadow: 0 2px 6px rgba(0,0,0,0.08); | ||
border-radius: 8px; | border-radius: 8px; | ||
overflow: hidden; | overflow: hidden; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
transition: box-shadow 0.2s ease; | |||
} | } | ||
| Line 24: | Line 24: | ||
} | } | ||
/* | /* Always-visible overlay */ | ||
.cat-button .cat-overlay { | .cat-button .cat-overlay { | ||
position: absolute; | position: absolute; | ||
| Line 33: | Line 33: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify | justify | ||
Revision as of 09:32, 16 November 2025
/* ---------- DULL CATEGORY BUTTONS WITH ALWAYS-VISIBLE OVERLAY ---------- */
.cat-button {
position: relative;
display: block;
width: 200px;
margin: 0 auto;
text-align: center;
text-decoration: none;
box-shadow: 0 2px 6px rgba(0,0,0,0.08);
border-radius: 8px;
overflow: hidden;
background: #f9f9f9;
transition: box-shadow 0.2s ease;
}
.cat-button:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.cat-button img {
display: block;
width: 100%;
height: auto;
}
/* Always-visible overlay */
.cat-button .cat-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify