Jump to content

MediaWiki:Item.css: Difference between revisions

From The Petit Planet Wiki
Created page with "For [[Template:Item]]: .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 { display: inline-flex; } .item .item-icon { position: absolute; display: flex; align-items: center; top: -5px; left: -5px; width: 14px; height:..."
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 18: Line 18:
}
}


.item .item-image .hidden a {
.item .item-image .hidden a:not(.new) {
display: inline-flex;
display: inline-flex;
}
}
Line 36: Line 36:
text-align: center;
text-align: center;
}
}


/* Add Unknown icon to missing img */
/* Add Unknown icon to missing img */
.skin-fandomdesktop .item-image > a.new, .skin-fandomdesktop .item-image > span > span > a.new {
.item-image > a.new, .item-image > span > span > a.new {
     position: absolute;
     position: absolute;
     display: flex;
     display: block;
     height: 100%;
     height: 100%;
     width: 100%;
     width: 100%;
     background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
     background-image: var(--unknown-img);
     background-size: cover;
     background-size: cover;
     font-size: 0;
     font-size: 0;
}
.skin-fandommobile .item-image > a.new, .skin-fandommobile .item-image > span > span > a.new {
    position: relative;
    display: flex;
    height: 20px;
    width: 20px;
    background-image: url(https://static.wikia.nocookie.net/gensin-impact/images/4/4a/Item_Unknown.png);
    background-size: cover;
    font-size: 0;
}
/* Blueprint icon in [[Template:Shop]] */
.skin-fandommobile .item .item-icon[data-offset='-4'] {
    top: -4px;
}
.skin-fandommobile .item .item-icon[data-corner-size='14'] {
    width: 14px;
    height: 14px;
}
}

Latest revision as of 00:15, 12 November 2025

/* For [[Template:Item]] */
.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 img */
.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;
}