Jump to content

MediaWiki:Item.css

From The Petit Planet Wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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;
}