You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/sprite.html

157 lines
7.6 KiB

<html>
<head>
<style>
.sprite {
width: 52px; height: 28px;
background-image: url('/images/sprite.png');
background-repeat: no-repeat;
display: inline-block;
background-size: 580px 196px; }
.sprite-4 { background-position: 0 0; width: 23px; height: 7px; }
.sprite-5 { background-position: -26px 0; width: 23px; height: 7px; }
.sprite-7 { background-position: -51px 0; width: 23px; height: 7px; }
.sprite-6 { background-position: -77px 0; width: 47px; height: 8px; }
.sprite-32 { background-position: -126px 0; width: 8px; height: 8px; }
.sprite-31 { background-position: -136px 0; width: 16px; height: 13px; }
.sprite-55 { background-position: -155px 0; width: 14px; height: 14px; }
.sprite-56 { background-position: -171px 0; width: 14px; height: 14px; }
.sprite-30 { background-position: -187px 0; width: 22px; height: 14px; }
.sprite-29 { background-position: -211px 0; width: 26px; height: 15px; }
.sprite-1 { background-position: -239px 0; width: 15px; height: 16px; }
.sprite-2 { background-position: -256px 0; width: 15px; height: 16px; }
.sprite-3 { background-position: -273px 0; width: 15px; height: 16px; }
.sprite-28 { background-position: -290px 0; width: 17px; height: 16px; }
.sprite-39 { background-position: -310px 0; height: 16px; }
.sprite-40 { background-position: -364px 0; height: 16px; }
.sprite-41 { background-position: -418px 0; height: 16px; }
.sprite-58 { background-position: -472px 0; height: 16px; }
.sprite-59 { background-position: -526px 0; height: 16px; }
.sprite-60 { background-position: 0 -18px; height: 16px; }
.sprite-61 { background-position: -54px -18px; height: 16px; }
.sprite-62 { background-position: -108px -18px; height: 16px; }
.sprite-70 { background-position: -162px -18px; height: 16px; }
.sprite-71 { background-position: -216px -18px; height: 16px; }
.sprite-52 { background-position: -270px -18px; width: 107px; height: 17px; }
.sprite-34 { background-position: -379px -18px; width: 81px; height: 17px; }
.sprite-47 { background-position: -463px -18px; width: 14px; height: 18px; }
.sprite-48 { background-position: -479px -18px; width: 14px; height: 18px; }
.sprite-49 { background-position: -495px -18px; width: 14px; height: 18px; }
.sprite-46 { background-position: -511px -18px; width: 56px; height: 18px; }
.sprite-54 { background-position: 0 -38px; width: 117px; height: 19px; }
.sprite-35 { background-position: -120px -38px; height: 21px; }
.sprite-36 { background-position: -174px -38px; height: 21px; }
.sprite-37 { background-position: -228px -38px; height: 21px; }
.sprite-38 { background-position: -282px -38px; height: 21px; }
.sprite-51 { background-position: -336px -38px; width: 19px; height: 21px; }
.sprite-63 { background-position: -357px -38px; height: 21px; }
.sprite-64 { background-position: -411px -38px; height: 21px; }
.sprite-65 { background-position: -465px -38px; height: 21px; }
.sprite-66 { background-position: -519px -38px; height: 21px; }
.sprite-67 { background-position: 0 -61px; height: 21px; }
.sprite-68 { background-position: -54px -61px; height: 21px; }
.sprite-69 { background-position: -108px -61px; height: 21px; }
.sprite-50 { background-position: -162px -61px; height: 22px; }
.sprite-53 { background-position: -216px -61px; width: 102px; height: 22px; }
.sprite-33 { background-position: -321px -61px; width: 39px; height: 26px; }
.sprite-19 { background-position: -362px -61px; width: 28px; height: 27px; }
.sprite-8 { background-position: -392px -61px; width: 28px; }
.sprite-9 { background-position: -422px -61px; width: 28px; }
.sprite-10 { background-position: -452px -61px; width: 28px; }
.sprite-11 { background-position: -482px -61px; width: 28px; }
.sprite-12 { background-position: -512px -61px; width: 28px; }
.sprite-13 { background-position: -542px -61px; width: 28px; }
.sprite-14 { background-position: 0 -91px; width: 28px; }
.sprite-15 { background-position: -30px -91px; width: 28px; }
.sprite-16 { background-position: -60px -91px; width: 28px; }
.sprite-17 { background-position: -90px -91px; width: 28px; }
.sprite-18 { background-position: -120px -91px; width: 28px; }
.sprite-20 { background-position: -150px -91px; width: 28px; }
.sprite-21 { background-position: -180px -91px; width: 28px; }
.sprite-22 { background-position: -210px -91px; width: 28px; }
.sprite-23 { background-position: -240px -91px; width: 28px; }
.sprite-24 { background-position: -270px -91px; width: 28px; }
.sprite-25 { background-position: -300px -91px; width: 28px; }
.sprite-42 { background-position: -330px -91px; width: 106px; height: 28px; }
.sprite-43 { background-position: -438px -91px; width: 82px; height: 28px; }
.sprite-44 { background-position: 0 -122px; width: 88px; height: 28px; }
.sprite-26 { background-position: -90px -122px; width: 45px; height: 45px; }
.sprite-27 { background-position: -137px -122px; width: 45px; height: 45px; }
.sprite-57 { background-position: -184px -122px; width: 250px; height: 69px; }
.sprite-45 { background-position: -436px -122px; width: 115px; height: 74px; }
</style>
</head>
<body>
<div class='sprite sprite-4'></div>
<div class='sprite sprite-5'></div>
<div class='sprite sprite-7'></div>
<div class='sprite sprite-6'></div>
<div class='sprite sprite-32'></div>
<div class='sprite sprite-31'></div>
<div class='sprite sprite-55'></div>
<div class='sprite sprite-56'></div>
<div class='sprite sprite-30'></div>
<div class='sprite sprite-29'></div>
<div class='sprite sprite-1'></div>
<div class='sprite sprite-2'></div>
<div class='sprite sprite-3'></div>
<div class='sprite sprite-28'></div>
<div class='sprite sprite-39'></div>
<div class='sprite sprite-40'></div>
<div class='sprite sprite-41'></div>
<div class='sprite sprite-58'></div>
<div class='sprite sprite-59'></div>
<div class='sprite sprite-60'></div>
<div class='sprite sprite-61'></div>
<div class='sprite sprite-62'></div>
<div class='sprite sprite-70'></div>
<div class='sprite sprite-71'></div>
<div class='sprite sprite-52'></div>
<div class='sprite sprite-34'></div>
<div class='sprite sprite-47'></div>
<div class='sprite sprite-48'></div>
<div class='sprite sprite-49'></div>
<div class='sprite sprite-46'></div>
<div class='sprite sprite-54'></div>
<div class='sprite sprite-35'></div>
<div class='sprite sprite-36'></div>
<div class='sprite sprite-37'></div>
<div class='sprite sprite-38'></div>
<div class='sprite sprite-51'></div>
<div class='sprite sprite-63'></div>
<div class='sprite sprite-64'></div>
<div class='sprite sprite-65'></div>
<div class='sprite sprite-66'></div>
<div class='sprite sprite-67'></div>
<div class='sprite sprite-68'></div>
<div class='sprite sprite-69'></div>
<div class='sprite sprite-50'></div>
<div class='sprite sprite-53'></div>
<div class='sprite sprite-33'></div>
<div class='sprite sprite-19'></div>
<div class='sprite sprite-8'></div>
<div class='sprite sprite-9'></div>
<div class='sprite sprite-10'></div>
<div class='sprite sprite-11'></div>
<div class='sprite sprite-12'></div>
<div class='sprite sprite-13'></div>
<div class='sprite sprite-14'></div>
<div class='sprite sprite-15'></div>
<div class='sprite sprite-16'></div>
<div class='sprite sprite-17'></div>
<div class='sprite sprite-18'></div>
<div class='sprite sprite-20'></div>
<div class='sprite sprite-21'></div>
<div class='sprite sprite-22'></div>
<div class='sprite sprite-23'></div>
<div class='sprite sprite-24'></div>
<div class='sprite sprite-25'></div>
<div class='sprite sprite-42'></div>
<div class='sprite sprite-43'></div>
<div class='sprite sprite-44'></div>
<div class='sprite sprite-26'></div>
<div class='sprite sprite-27'></div>
<div class='sprite sprite-57'></div>
<div class='sprite sprite-45'></div>
</body>
</html>