body {
    margin: 0; padding: 0;
}
#inner {
    padding: 4px;
}
.unko {
    width: 110px; height: 110px;
    background: none no-repeat scroll center center;
    float: left;
    opacity: 0;
    -webkit-transition: opacity 1s ease-in-out;
       -moz-transition: opacity 1s ease-in-out;
        -ms-transition: opacity 1s ease-in-out;
         -o-transition: opacity 1s ease-in-out;
            transition: opacity 1s ease-in-out;
    font-size: 65%;
    color: #ccc;
}
.unko.on {
    opacity: 1;
}
#log {
    position: fixed;
    top: 5px; left: 5px;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 70%;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
        -ms-border-radius: 5px;
         -o-border-radius: 5px;
            border-radius: 5px;
}
.unko {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAA\
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\
bUTyLt9QAAAABJRU5ErkJggg==");
}