span.book {
    width: 142px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 16px;
}

.sprite {
    background: url('/images/bookshelf/booksprites.png') no-repeat top left;
    width: 128px;
    height: 160px;
    display: inline-block;
}

    .sprite.book0 {
        background-position: 0 0;
        width: 125px;
    }

    .sprite.book1 {
        background-position: 0 -170px;
        width: 107px;
    }

    .sprite.book2 {
        background-position: 0 -340px;
    }

    .sprite.book3 {
        background-position: 0 -510px;
        width: 130px;
    }

    .sprite.book4 {
        background-position: 0 -680px;
        width: 130px;
    }

    .sprite.book5 {
        background-position: 0 -850px;
        width: 129px;
    }

    .sprite.book6 {
        background-position: 0 -1020px;
        width: 106px;
    }

    .sprite.book7 {
        background-position: 0 -1190px;
        width: 123px;
    }

    .sprite.book8 {
        background-position: 0 -1360px;
        width: 116px;
    }

    .sprite.book9 {
        background-position: 0 -1530px;
        width: 97px;
    }

    .sprite.book10 {
        background-position: 0 -1700px;
        width: 125px;
    }

    .sprite.book11 {
        background-position: 0 -1870px;
        width: 142px;
        margin-top: 20px;
    }

    .sprite.book12 {
        background-position: 0 -2040px;
    }

    .sprite.book13 {
        background-position: 0 -2210px;
        width: 103px;
    }

    .sprite.book14 {
        background-position: 0 -2380px;
        width: 103px;
    }

    .sprite.book15 {
        background-position: 0 -2550px;
        width: 106px;
    }

    .sprite.book16 {
        background-position: 0 -2720px;
        width: 112px;
    }

    .sprite.book17 {
        background-position: 0 -2890px;
        width: 124px;
    }

    .sprite.book18 {
        background-position: 0 -3060px;
    }

    .sprite.book19 {
        background-position: 0 -3230px;
        width: 122px;
    }

    .sprite.book20 {
        background-position: 0 -3400px;
        width: 129px;
    }

    .sprite.book21 {
        background-position: 0 -3570px;
        width: 125px;
    }

    .sprite.book22 {
        background-position: 0 -3740px;
    }

    .sprite.book23 {
        background-position: 0 -3910px;
        width: 122px;
    }

    .sprite.book24 {
        background-position: 0 -4080px;
    }

    .sprite.book25 {
        background-position: 0 -4250px;
        width: 127px;
    }

    .sprite.book26 {
        background-position: 0 -4420px;
        width: 131px;
    }

    .sprite.book27 {
        background-position: 0 -4590px;
        width: 110px;
    }

    .sprite.book28 {
        background-position: 0 -4760px;
        width: 129px;
    }

    .sprite.book29 {
        background-position: 0 -4930px;
        width: 131px;
    }

    .sprite.book30 {
        background-position: 0 -5100px;
        width: 124px;
    }

    .sprite.book31 {
        background-position: 0 -5270px;
        width: 129px;
    }

    .sprite.book32 {
        background-position: 0 -5440px;
        width: 121px;
    }

    .sprite.book33 {
        background-position: 0 -5610px;
        width: 122px;
    }

    .sprite.book34 {
        background-position: 0 -5780px;
        width: 129px;
    }

    .sprite.book35 {
        background-position: 0 -5950px;
        width: 133px;
    }

    .sprite.book36 {
        background-position: 0 -6120px;
        width: 126px;
    }

    .sprite.book37 {
        background-position: 0 -6290px;
        width: 122px;
    }

    .sprite.book38 {
        background-position: 0 -6460px;
    }

    .sprite.book39 {
        background-position: 0 -6630px;
        width: 120px;
    }

    .sprite.book40 {
        background-position: 0 -6800px;
        width: 104px;
    }

    .sprite.book41 {
        background-position: 0 -6970px;
        width: 104px;
    }

    .sprite.book42 {
        background-position: 0 -7140px;
        width: 130px;
    }

    .sprite.book43 {
        background-position: 0 -7310px;
        width: 113px;
    }

    .sprite.book44 {
        background-position: 0 -7480px;
        width: 100px;
    }

    .sprite.book45 {
        background-position: 0 -7650px;
        width: 106px;
    }

    .sprite.book46 {
        background-position: 0 -7820px;
        width: 129px;
    }

    .sprite.book47 {
        background-position: 0 -7990px;
        width: 122px;
    }

    .sprite.book48 {
        background-position: 0 -8160px;
        width: 121px;
    }

    .sprite.book49 {
        background-position: 0 -8330px;
        width: 131px;
    }
    .sprite.book50 {
        background: url('//d2g29cya9iq7ip.cloudfront.net/content/images/downloads/ebooks/xamarinforms_Succinctly.png?v=03062015062257') no-repeat top left ;
        background-size: 128px 160px
    }