MediaWiki:Gadget-Item.css: Difference between revisions
Appearance
ReisuDesign (talk | contribs) No edit summary |
No edit summary |
||
| (8 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
.item { | .item { | ||
display: inline; | |||
} | } | ||
| Line 11: | Line 10: | ||
.item .item-image .hidden { | .item .item-image .hidden { | ||
display: inline-block; | |||
position: relative; | |||
text-align: center; | |||
vertical-align: middle; | |||
top: -2px; | |||
} | } | ||
.item .item-image .hidden a { | .item .item-image .hidden a:not(.new) { | ||
display: inline-flex; | |||
} | } | ||
.item .item-icon { | .item .item-icon { | ||
position: absolute; | |||
display: flex; | |||
align-items: center; | |||
top: -5px; | |||
left: -5px; | |||
width: 14px; | |||
height: 14px; | |||
} | } | ||
.item.newline { | .item.newline { | ||
display: inline-block; | |||
text-align: center; | |||
} | } | ||
/* Add | /* Add unknown icon to missing image */ | ||
.item-image > a.new, .item-image > span > span > a.new { | .item-image > a.new, | ||
.item-image > span > span > a.new { | |||
position: absolute; | position: absolute; | ||
display: | display: block; | ||
height: 100%; | height: 100%; | ||
width: 100%; | width: 100%; | ||
Latest revision as of 15:49, 25 November 2025
.item {
display: inline;
}
.item .item-image {
vertical-align: middle;
position: relative;
display: inline-block;
}
.item .item-image .hidden {
display: inline-block;
position: relative;
text-align: center;
vertical-align: middle;
top: -2px;
}
.item .item-image .hidden a:not(.new) {
display: inline-flex;
}
.item .item-icon {
position: absolute;
display: flex;
align-items: center;
top: -5px;
left: -5px;
width: 14px;
height: 14px;
}
.item.newline {
display: inline-block;
text-align: center;
}
/* Add unknown icon to missing image */
.item-image > a.new,
.item-image > span > span > a.new {
position: absolute;
display: block;
height: 100%;
width: 100%;
background-image: var(--unknown-img);
background-size: cover;
font-size: 0;
}