View sourcecode

body{

}

#content {
    height: 320px;
    width: 320px;
    position: absolute;
}

/**
 * Baddie
 */
#baddie {
    position: absolute;
    z-index: 10;
    width: 32px;
    height: 32px;
    background-image: url(../img/fox.png);
    background-size: 32px 32px;
    background-repeat: no-repeat;
}

.baddie-right {}

.baddie-left {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

/**
 * Tiles
 */
.tile, .t {
    width: 32px;
    height: 32px;
    float: left;
    background-repeat: no-repeat;
}

.t10 {
    background: url(../img/tiles/grass0.png);
}
.t11 {
    background: url(../img/tiles/dngn_metal_wall.png) -32px -96px;
}
.t12 {
    background: url(../img/tiles/crate.png) 0px -128px;
}
.t13 {
    background: url(../img/tiles/dngn_closed_door.png) -64px -128px;
}