noname/theme/style/hp/ol.css

.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"] > div:not(.lost):not(.shield) {
	background: url("image/ol1.png");
	box-shadow: none;
	border: none;
	background-size: 100% 100%;
	transform: scale(1.6);
	-webkit-filter: none;
	border-radius: 0px;
}
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"] > div:not(.lost):not(.shield) {
	background: url("image/ol2.png");
	box-shadow: none;
	border: none;
	background-size: 100% 100%;
	transform: scale(1.6);
	-webkit-filter: none;
	border-radius: 0px;
}
.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"] > div:not(.lost):not(.shield) {
	background: url("image/ol3.png");
	box-shadow: none;
	border: none;
	background-size: 100% 100%;
	transform: scale(1.6);
	-webkit-filter: none;
	border-radius: 0px;
}
.hp:not(.text):not(.actcount):not(.treasure) > .lost {
	background: url("image/ol4.png");
	box-shadow: none;
	border: none;
	background-size: 100% 100%;
	transform: scale(1.6);
	border-radius: 0px;
	filter: grayscale(1) opacity(0.8);
	-webkit-filter: grayscale(1) opacity(0.8);
}
.hp:not(.text):not(.actcount):not(.treasure) > .shield {
	background: url("image/shield.png");
	box-shadow: none;
	border: none;
	background-size: 100% 100%;
	transform: scale(1.6);
	border-radius: 0px;
	filter: grayscale(1) opacity(0.8);
	-webkit-filter: grayscale(1) opacity(0.8);
}

#arena.oldlayout
	.player
	.hp:not(.text):not(.actcount):not(.treasure)[data-condition="high"]
	> div:not(.lost):not(.shield) {
	transform: scale(1.6);
}
#arena.oldlayout
	.player
	.hp:not(.text):not(.actcount):not(.treasure)[data-condition="mid"]
	> div:not(.lost):not(.shield) {
	transform: scale(1.6);
}
#arena.oldlayout
	.player
	.hp:not(.text):not(.actcount):not(.treasure)[data-condition="low"]
	> div:not(.lost):not(.shield) {
	transform: scale(1.6);
}
#arena.oldlayout .player .hp:not(.text):not(.actcount):not(.treasure) > .lost {
	transform: scale(1.6);
}

.button.newstyle > .hp > .text {
	margin-left: 5px;
}