Template:Tools/styles.css

.animalWellToolsTable {
	clear: both;
	margin: auto; /* to center on the page */
	
	/* inventory icons are scaled 16px × 5 = 80px
	   in game paddings are 3 and 2 pixels. */
	padding: 15px;
	padding-right: 10px;

	border-width: 5px;
}
.animalWellToolsTable td {
	text-align: center;
}
.animalWellToolsTable.wikitable td {
	border-bottom: none;
}

.animalWellToolsTable .animalWellTool {
	margin: auto; /* to center inside the cell */
	height: 90px; /* [[File:Inventory selector.png]] is 18×18 pixels */
	width: 90px;
}
.animalWellToolsTable .animalWellSelectedTool {
	background-image: url(https://animalwell.wiki.gg/images/9/98/Inventory_selector.png);
	background-size: 90px;
	background-repeat: no-repeat;
}

@media (max-width: 600px) {
	.animalWellToolsTable .animalWellTool img {
		width: 64px;
		height: 64px;
	}
	.animalWellToolsTable .animalWellTool {
		width: 72px;
		height: 72px;
	}
	.animalWellToolsTable .animalWellSelectedTool {
		background-size: 72px;
	}
}
@media (max-width: 450px) {
	.animalWellToolsTable .animalWellTool img {
		width: 48px;
		height: 48px;
	}
	.animalWellToolsTable .animalWellTool {
		width: 54px;
		height: 54px;
	}
	.animalWellToolsTable .animalWellSelectedTool {
		background-size: 54px;
	}
	.animalWellToolsTable td p {
		display: none;
	}
}