.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; }