body {
width: 300px;
margin: 0;
padding: 0;
padding-top: 15px;
font-size: 0;
text-align: center;
background-color: white;
}
.block {
display: inline-block;
width: 90px;
height: 90px;
margin-bottom: 1px;
margin-right: 1px;
background-color: black;
}
.block1, .block2 {background: #000000 url("cat_poo.png") no-repeat 50%;}
.block2 {background-color: #f1c40f;}
.block3 {background: #e74c3c url("cat_hiss.png") no-repeat 50%;}
.block4, .block5 {background: #3498db url("cat_walk.png") no-repeat 60px;}
.block5 {background-position: -30px;}
.block6 {background: #27ae60 url("cat_slippers.png") no-repeat 50%;}
.block7, .block9 {background: #bdc3c7 url("cat_grumpy.png") no-repeat -50px;}
.block7 {background-image: none;}
.block8 {background: #95a5a6 url("cat_grumpy.png") no-repeat 41px;}
.block {
display: inline-block;
width: 90px;
height: 90px;
margin-bottom: 1px;
margin-right: 1px;
background-color: black;
}
.block1 {
background: #000000 url(“cat_poo.png”) no-repeat 50% 50%;
}
.block2 {
background: #f1c40f url(“cat_poo.png”) no-repeat 50% 50%;
}
.block3 {
background: #e74c3c url(“cat_hiss.png”) no-repeat 50% 50%;
}
.block4 {
background: #3498db url(“cat_walk.png”) no-repeat 60px 13px;
}
.block5 {
background: #3498db url(“cat_walk.png”) no-repeat -30px 13px;
}
.block6 {
background: #27ae60 url(“cat_slippers.png”) no-repeat 50% 50%;
}
.block7 {
background: #bdc3c7;
}
.block8 {
background: #95a5a6 url(“cat_grumpy.png”) no-repeat 41px 13px;
}
.block9 {
background: #bdc3c7 url(“cat_grumpy.png”) no-repeat -50px 13px;
}